读Javascript高性能编程重点笔记

前端之家收集整理的这篇文章主要介绍了读Javascript高性能编程重点笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

第一点

IoUsElementSibling //prevIoUsSibling

第二点:选择器的高效应用

//return
<a href="/AboutUS.aspx">编程之家
,<a href="/ContactUs.aspx">联系我们,<a href="/about/ad.aspx">广告服务,<a href="/about/job.aspx">人才服务,//选择第一个子节点
var a = document.querySelector("#footer_bottom a");
//return <a href="/AboutUS.aspx">编程之家

//选择多个节点
var divs = document.querySelectorAll("div.footer,div.main,div.header");

注意:大部分浏览器都支持上述属性,IE6,7,8仅支持children属性

减少DOM的重新渲染与排版(三种方式)

1.先将要处理的元素隐藏,然后对其处理,最后显示

2.创建文件片段的方式(推荐) document.createDocumentFragment();

3.对要处理的元素克隆一个副本,然后对副本操作,最后将副本替换原本

下面是编程之家小编的补充

将循环的对象存储

使用前:

使用后:

循环对性能的消耗是很大的,将循环的对象存储,减少每次循环都要进行对象的计算。

最小化减少回流和重绘

使用前:

使用后:

猜你在找的JavaScript相关文章