2022年11月5日
虚拟DOM和Diff算法
摘要： 虚拟DOM 虚拟DOM的本质来说就是一个JS对象，Vue会把虚拟的DOM解析为JS的对象 还可以这样理解：虚拟DOM 本质上就是在 JS 和 DOM 之间做了一个缓存。可以类比 CPU 和硬盘，既然硬盘这么慢，我们就在它们之间加个缓存：既然 DOM 这么慢，我们 就在它们 JS 和 真实DOM 之间 阅读全文
posted @ 2022-11-05 11:33 LT先生 阅读(36) 评论(0) 推荐(0)
Vue中Key值的一些问题
摘要： 1. Vue里面的key是一个特殊的变量,在元素当中是不体现出来的 2. 在解析成虚拟DOM的是,如果我们没有写key值,那么这个key就类似于下标 0 , 1 , 2 , 3.... 3. 使用列表渲染的时候,key必须是一个唯一的,key值是一定不会重复的 4. key值使用尽量不要使用下标 总 阅读全文
posted @ 2022-11-05 11:21 LT先生 阅读(130) 评论(0) 推荐(0)
v-if与v-show
摘要： v-if的特点 v-if：是真实的条件控制语句，每当我们满足条件的时候就会显示元素，不满足条件的时候不显示元素(不存在元素没有) v-if：有一套自己的条件控制语句v-if; v-else-if; v-else v-if:　可以搭配Template标签使用 v-show的特点 v-show：也可以控 阅读全文
posted @ 2022-11-05 11:17 LT先生 阅读(40) 评论(0) 推荐(0)
v-if与v-for的优先级
摘要： 在Vue2中 v-for的优先级要高于v-if 在Vue3中 v-if 的优先级要高于v-for 阅读全文
posted @ 2022-11-05 11:05 LT先生 阅读(42) 评论(0) 推荐(0)
Proxy 与 Object.defineProperty 优劣对比？
摘要： Proxy的优势如下 1.Proxy 可以直接监听对象而不是属性(Object.defineProperty一次只能监视一个属性,如果要监视一个对象,那么需要遍历这个对象)，可以直接监听数组的变化(Object.defineProperty需要对7个核心数组进行重写才能监视数组) 2.Proxy 有 阅读全文
posted @ 2022-11-05 11:04 LT先生 阅读(290) 评论(0) 推荐(0)
你知道Vue响应式数据原理吗
摘要： 1. Vue2的响应式式原理主要是通过Object.defineProperty的方法里面的setter和getter方法的观察者模式来实现。也就是在组件的初始话阶段给每一个data属性都注册一个setter和getter，然后再new一个watcher对象，这个时候会立即调用组件里面的render 阅读全文
posted @ 2022-11-05 10:51 LT先生 阅读(78) 评论(0) 推荐(0)
2022年11月4日
项目中遇到的bug
摘要： bug 一：在mounted钩子中轮播图等组件的封装问题 1.在Vue组件的封装中mounted中为什么执行了却拿不到数据 原因：mounted执行太快(一来就执行一遍)导致我们我们的dom后渲染解决方法：把我们要执行的代码变成watch监听的一个异步代码（this.$nextTick） 2.监听器 阅读全文
posted @ 2022-11-04 18:57 LT先生 阅读(40) 评论(0) 推荐(0)
Vue修改单页面背景颜色
摘要： 阅读全文
posted @ 2022-11-04 18:43 LT先生 阅读(33) 评论(0) 推荐(0)
$.set() 处理非响应式案例
摘要： <template> <div id="app"> <ul> <li v-for="item in list" :key="item">{{item}}</li> </ul> </div> </template> <script> export default { data(){ return{ l 阅读全文
posted @ 2022-11-04 18:43 LT先生 阅读(24) 评论(0) 推荐(0)
XSS的攻击
摘要： https://blog.csdn.net/m0_55854679/article/details/123028852 阅读全文
posted @ 2022-11-04 18:23 LT先生 阅读(23) 评论(0) 推荐(0)