<script>/*可以通过传递 window.location 或原始 URL goole.com?search=easy&page=3 轻松地从 url 检索查询参数*/const getParameters = (URL) => {URL = JSON.parse('{"' +decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');return JSON.stringify(URL);};getParameters(window.location);/*或者更为简单的*/Object.fromEntries(new URLSearchParams(window.location.search))
</script>从URL获取查询参数
el/2023/6/3 15:39:43
相关文章
检查用户的设备是否处于暗黑模式
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的修…
uniapp的picker标签实现多级联动
<picker class"form-item-picker" mode"multiSelector" //设置picker打开展示的内容列:range"newCategotyDeptList"//控制选择行的下标 :value"multDeptIndex"//设置picker内容展示的是name的值range-key"name"//监听每列…