笔记
回忆渐淡-
我写什么?
展开
-
重绘(Repaint)和回流(Reflow)
重绘和回流会在我们设置节点样式时频繁出现,同时也会很大程度上影响性能。 1、重绘是当节点需要更改外观而不会影响布局的,比如改变 color 就叫称为重绘。 2、回流是布局或者几何属性需要改变就称为回流。回流必定会发生重绘,重绘不一定会引发回流。回流所需的成本比重绘高的多,改变父节点里的子节点很可能会导致父节点的一系列回流。以下几个动作可能会导致性能问题: 1、改变window大小 2、改变字体 3、添加或删除样式 4、文字改变 5、定位或浮动 6、盒模...原创 2020-10-07 15:45:23 · 255 阅读 · 0 评论 -
原生的防抖和节流
防抖即短时间内大量触发同一事件,只会执行一次函数,防抖常用于搜索框/滚动条的监听事件处理,如果不做防抖,每输入一个字/滚动屏幕,都会触发事件处理,造成性能浪费;实现原理为设置一个定时器,约定在xx毫秒后再触发事件处理,每次触发事件都会重新设置计时器,直到xx毫秒内无第二次操作// func是用户传入需要防抖的函数// wait是等待时间const debounce = (func, wait = 50) => { // 缓存一个定时器id let timer = 0 // 这原创 2020-10-07 15:17:42 · 318 阅读 · 0 评论 -
数组的删除和添加的常用方法
数组的常用方法一般有 push,pop,unshift,shiift四种一. push() push 就是在数组的尾部插入一个或多个新元素,并且返回数组的新长度例如:varr arr=[1,2,3,4,5,6]arr.push(7); 这样就在上面的数组尾部加一个新元素7;返回结果则是1,2,3,4,5,6,7arr.push(7,8,9)也可以同时添加多个元素 添加的元素与元素之...原创 2020-03-29 20:23:13 · 639 阅读 · 0 评论 -
Es5及Es6常用数组的概括
数组方法概括 方法 功能 参数 返回值 是否改变原数据 push () 最后位置新增 要增加的数据(可多个) 数组增加后的长度 是 unshift () 开始位置新增 要增加的数据(可多个 数组增加后的长度 是 pop () 删除最后一位 无 删除的数据 是 shift () 删除第一位 无 删除的数据 是 join () 将数组转成字符 转成字.原创 2020-08-29 00:01:44 · 134 阅读 · 0 评论 -
三大循环
三大循环for ; while ; do while1、for先判断,再执行,for循环当中定义的初始化变量,只有自己才能用。2、while先判断,再执行,初始变量定义在外面。3、do-while先执行,再判断,初始化变量定义在外面,至少执行一次。注意:如果条件从来没有满足过,for循环和while循环将会执行0次,但是do-while循环至少会执行有一次。 while和...原创 2020-03-29 19:40:44 · 752 阅读 · 0 评论