小叶_Jiang - 博客园

2022年3月2日

摘要： 1、事件修饰符 1. .stop 阻止单机事件冒泡 2. .prevent 阻止默认行为（比如 @submit.prevent 会阻止提交后刷新页面） 3. .capture 添加事件侦听器时使用捕获模式 4. .self 只有事件在元素本身（而不是子元素）触发时触发回调 5. .once 只触发一阅读全文

posted @ 2022-03-02 14:58 小叶_Jiang 阅读(65) 评论(0) 推荐(0)

vue中常用的v-指令

摘要： 1、v-cloak 解决“闪动”问题 1，提供样式 [v-cloak]{ display:none } 2，在差值表达式所在的标签中添加v-cloak指令原理：先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果，解决了“闪动”问题。如果没有彻底解决问题，则在根元素加上sty 阅读全文

posted @ 2022-03-02 14:52 小叶_Jiang 阅读(712) 评论(0) 推荐(0)

vue-router

摘要： 1、$router router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性,常见的有： 1.1、push：向 history 栈添加一个新阅读全文

posted @ 2022-03-02 14:33 小叶_Jiang 阅读(75) 评论(0) 推荐(0)

防抖

摘要：函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 /** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param imme 阅读全文

posted @ 2022-03-02 10:05 小叶_Jiang 阅读(139) 评论(0) 推荐(0)

节流

摘要：使得一定时间内只触发一次函数。原理是通过判断是否到达一定时间来触发函数。 /** * @desc 函数节流 * @param func 函数 * @param wait 延迟执行毫秒数 * @param type 1 表时间戳版，2 表定时器版 */ function throttle(func, 阅读全文

posted @ 2022-03-02 10:03 小叶_Jiang 阅读(77) 评论(0) 推荐(0)

Vuex常见题解

摘要： 1、vuex有哪几种属性？答：有五种，分别是 State、 Getter、Mutation 、Action、 Module 2、vuex的State特性是？答：一、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data二、state里面存放的阅读全文

posted @ 2022-03-02 10:00 小叶_Jiang 阅读(83) 评论(0) 推荐(0)

浅析Vuex

摘要： 1、Vuex是什么？ Vuex是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的还是有Redux,Redux大多用于React,针对Redux后续在做补充，现在就让我们好好了解下Vue 阅读全文

posted @ 2022-03-02 09:06 小叶_Jiang 阅读(147) 评论(0) 推荐(0)

2022年3月1日

常用正则验证

摘要： 1、用户名正则 // 用户名仅支持中文、字母、数字、“-”“_”的组合，4-20个字符 /^[\u2E80-\u9FFF\w-]{4,20}$/ // 用户名正则，4到16位（字母，数字，下划线，减号） /^[a-zA-Z0-9_-]{4,20}$/ 2、密码强度正则 //密码强度正则，最少6位，包阅读全文

posted @ 2022-03-01 16:09 小叶_Jiang 阅读(175) 评论(0) 推荐(0)

正则表达式

摘要： 1.元字符 "."元字符：匹配匹配除换行符 \n 之外的任何单字符。 "^"元字符：匹配输入字符串的开始位置，如果在方括号表达式中使用，此时它表示不接受该字符集合。 "$"元字符：匹配输入字符串的结尾位置。 "*"元字符：匹配前面的子表达式零次或多次。 "+"元字符：匹配前面的子表达式一次或多次。阅读全文

posted @ 2022-03-01 15:33 小叶_Jiang 阅读(53) 评论(0) 推荐(0)

2022年2月28日

导航守卫：全局的、单个路由独享的、组件级的

摘要： 1.全局的守卫 const router = new VueRouter({ ... }) //全局前置守卫 router.beforeEach((to, from, next) => { // ... }) //全局后置守卫 router.afterEach((to, from) => { // 阅读全文

posted @ 2022-02-28 17:10 小叶_Jiang 阅读(109) 评论(0) 推荐(0)