如何减少HTML页面回流与重绘

 我来答
码匠
2017-10-30 · 原创桌游与酷玩,为你带去更多欢乐
码匠
采纳数:625 获赞数:4623

向TA提问 私信TA
展开全部

会引发页面回流的范例

DOM树发生变化 —— 如:增加一个元素或删除一个元素(元素为可见元素)

通过style控制元素的位置变化 —— 典型的例子是碰壁反弹

元素尺寸的改变 —— 盒模型的每种属性均算在其内

内容改变引发的尺寸变化 —— 如:文本改变或者图片大小改变而引起的计算值宽度和高度改变

浏览器窗口尺寸改变 —— resize事件发生时

所以,想要减少HTML的页面回流和重绘,那就“尽量避免如上内容发生”

资料来源:HTML5学堂(原创技术干货分享)网页链接

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式