<script>/*获取cookie的值*/const cookie =name=>`;${document.cookie}`.split(`; ${name}=`).pop().split(';').shift();console.log(cookie('BMAP_SECKEY2'));/*清除全部cookie*/const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));
</script>
js获取与清除cookie的值
el/2023/6/3 15:40:23
相关文章
从URL获取查询参数
<script>/*可以通过传递 window.location 或原始 URL goole.com?searcheasy&page3 轻松地从 url 检索查询参数*/const getParameters (URL) > {URL JSON.parse({" decodeURI(URL.split("?")[1]).replace(/"/g, \\").replace(/&/…
检查用户的设备是否处于暗黑模式
const isDarkMode window.matchMedia && window.matchMedia((prefers-color-scheme: dark)).matchesconsole.log(isDarkMode);
vue3 hooks的使用（本质是一个函数，把setup函数中使用的composition API 进行了封装）
什么是hook？ ----本质是一个函数，把setup函数中使用的composition API进行了封装类似于vue2中的mixin自定义hook的优势：复用代码,让setup中的逻辑更清晰易懂使用方式如下： //使用hooks的组件
<template><div class"…
provide与inject（实现祖与后代组件间通信）
作用：实现祖与后代组件间通信套路：父组件有一个provide选项来提供数据，后代组件有一个inject选项来开始使用这些数据具体写法：1.祖组件中
<template><div class"home" ><div style"background: da…
对比Composition API的优势
1.Options API存在的问题：
功能模块编译不统一放置需要分别在data,methods,计算属性中逐一查找并修改，没有顺序
2.Composition API的优势
我们可以更加优雅的组织我们的代码，函数，让相关功能的代码更加有序的组织在一起
vue3全局api的转移
1.全局API的转移
Vue2.x有许多全局API和配置 例如：注册全局组件，注册全局指令等。
//注册全局组件
Vue.component(myButton,{data:()>({count:0}),template:<button click"count>Clicked{{count}}</button>
})//注册全局指令
Vue.d…
Vue3较于Vue2的改变
data选项应始终被声明为一个函数。
1.过度类名的更改：
Vue2.x写法
.v-enter,
.v-leave-to{opacity:0;}
.v-leave,
.v-enter-to{opacity:1;}
Vue3.x写法
.v-enter-from,
.v-leave-to{opacity:0;}
.v-leave-from,
.v-enter-to{opacity:1;}
移除keyCode作为v-on的修…