
性能优化
笨啊ni
这个作者很懒,什么都没留下…
展开
-
重绘和回流
回流:当render tree(渲染树)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建,这就称为回流(reflow)。 常见的回流的操作 1、页面初次渲染 2、更改浏览器尺寸(window)大小 3、修改元素的尺寸 4、部分dom操作 重绘是当节点需要更改外观而不会影响布局的操作,比如改变 color 就叫称为重绘 常见的重绘的操作: 1.改变元素的背景色或字体颜色 2触发页面回流的属性 1、盒子模型相关属性会触发重布局 2、定位属性及浮动也会触发重布局 3、改变节点内部文字结构也会触发重布局 widt原创 2020-09-13 14:53:20 · 145 阅读 · 0 评论 -
浅谈函数防抖和节流
什么是防抖、节流 ? 防抖和节流是针对响应跟不上事件触发频率,而影响浏览器性能这类问题的两种解决方案。 像鼠标移动事件onmousemove,滚动滚动条事件onscroll,窗口大小改变事件onresize,这类我们无法控制触发频率的事件,瞬间的操作都会导致这些事件会被高频触发。如果事件的回调较为复杂,就会导致响应跟不上触发,进而出现页面卡顿,假死现象。在实时检查输入时,如果我们绑定onkeyup...原创 2020-04-06 11:37:33 · 161 阅读 · 0 评论