重点
文章平均质量分 53
甜甜酷盖
小白一个
展开
-
节流(throttle)
原理:n 秒内只运行一次,若在 n 秒内重复触发,只有一次生效代码: 节流的分类 节流分为时间戳和定时器两种。时间戳版:index.html文件: throttle.js文件: 定时器版:index.html文件同上 throttle.js文件: 时间戳和定时器双剑合璧版: index.html文件同上 throttle.js文件: 完整优化版: index.html文件同上 throttle.js文件:...原创 2022-06-08 20:39:41 · 919 阅读 · 0 评论 -
防抖(debounce)
通俗理解:A和B说话,A一直bbbbbb,当A持续说了一段时间的话后停止讲话,过了10秒之后,我们判定A讲完了,B开始回答A的话;如果10秒内A又继续讲话,那么我们判定A没讲完,B不响应,等A再次停止后,我们再次计算停止的时间,如果超过10秒B响应,如果没有则B不响应。举例: 事件响应函数在一段时间后才执行,如果在这段事件内再次调用,则重新计算执行时间;当预定的时间内没有再次调用该函数,则执行dosomething函数。 防抖的分类 防抖分为立即防抖和非立即防抖:立即防抖:多次触发事件,第一次会立即执行函数原创 2022-06-08 19:02:41 · 1146 阅读 · 0 评论 -
react、vue中的key有什么作用?(key的内部原理)
目录1. 虚拟DOM中key的作用:2. 对比规则:3. 用index作为key可能会引发的问题:4. 开发中如何选择key? 1. 虚拟DOM中key的作用: 虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】。随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下: 2. 对比规则: (1)旧虚拟DOM中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变,直接使用之前的真实DOM! 若虚拟DOM中的内容变了,则直接生成新的真实D原创 2022-05-27 20:48:48 · 166 阅读 · 0 评论