!ment

2023年6月25日

摘要： 1.安装动画库； npm install animate.css 2、在main.js中引入； import animate from "animate.css"; 3、给对应的模块设置好想要的animate动画类名，通过一个变量控制是否添加/移除该类名，达到重复播放的效果； 4、在mounted中阅读全文

posted @ 2023-06-25 16:49 !ment 阅读(55) 评论(0) 推荐(0) 编辑

其他——26电梯导航栏

摘要：思路：主要思路就是对滑动事件进行监听。监听到当前滑动到的位置，然后判断当前所在的位置处于哪一块区域。给它add active的类,当滑走当前区域，就会remove active类。监听点击事件，其实跟css 里的scroll-behavior差不多。点击导航，然后获取点击的href,然后获取要显阅读全文

posted @ 2023-06-25 16:46 !ment 阅读(16) 评论(0) 推荐(0) 编辑

其他——25封装表单验证

摘要：前言：在我们做vue项目，日常开发的时候，肯定会经常遇到正则表达式，例如手机号，邮箱，密码和数字，每次验证都需要去查询，浪费时间不说，也造成代码冗余，我也遇到过，那我就自己封装一个吧，方便大家使用查询。 1.封装一个公共的js文件，命名rule.js： // 手机号验证 telphone: (rul 阅读全文

posted @ 2023-06-25 16:43 !ment 阅读(31) 评论(0) 推荐(0) 编辑

2022年4月19日

其他--24个人笔记

摘要：阅读全文

posted @ 2022-04-19 10:51 !ment 阅读(38) 评论(0) 推荐(0) 编辑

2022年4月18日

其他---23防抖

摘要：防抖和节流：共同点：限制函数的执行次数；不同点：防抖：通过setTimeout的方式，在一定时间间隔内，将多次触发变成一次触发；节流：减少一段时间的触发频率；一、防抖（版本一）场景：多次输入内容时，2s后才会触发函数打印事件对象;(注意：如果一直输入，不会触发函数打印事件对象，当停止输入阅读全文

posted @ 2022-04-18 00:30 !ment 阅读(37) 评论(0) 推荐(0) 编辑

2022年4月12日

其他22---scoped、>>>、/deep/、::v-deep

摘要：一、 Scoped CSS的原理区别：没有设置scoped时 <div class="login">登录</div> <style> .login { width: 100px; height: 100px } </style> 打包之后的结果是跟我们的代码一摸一样的，没有区别。设置Scope 阅读全文

posted @ 2022-04-12 17:16 !ment 阅读(53) 评论(0) 推荐(0) 编辑

其他21---$nextTick

摘要：一、它主要是处理我们再变更完数据以后，无法立刻拿到最新的DOM节点对象的问题。我们可以这样理解：vue执行完渲染后会执行this.nextTick()里面的callback函数。使用$nextTick效果阅读全文

posted @ 2022-04-12 16:48 !ment 阅读(253) 评论(0) 推荐(0) 编辑

其他20---持久化存储

摘要：一、vuex本身不是持久化存储（就是刷新后，数据不会保持），通过localStorage或者sessionStorage实现持久化存储。阅读全文

posted @ 2022-04-12 16:37 !ment 阅读(26) 评论(0) 推荐(0) 编辑

其他19---实现vuex与表单数据动态改变

摘要：一、实现vuex与表单中的数据动态改变，当点击表单的时候，会出现此方法改变vuex中state的值，达到动态的效果阅读全文

posted @ 2022-04-12 16:26 !ment 阅读(148) 评论(0) 推荐(0) 编辑

vue基础---16组件间传递

摘要：零、vuex(兄弟组件传递) 实现点击父组件，将组件1中的值传给vuex，vuex通过计算后，组件2获取vuex的值，达到兄弟组件传递效果。 vuex中的数据：组件1：组件2：效果：一、eventBus（兄弟组件间传递） 1.首先要写一个公共的文件，然后将文件挂载到vue上面，达到共享的功能阅读全文

posted @ 2022-04-12 10:56 !ment 阅读(46) 评论(0) 推荐(0) 编辑

目录