JS基础知识补充和性能优化知识学习(CHROME小技巧)

来源：互联网发布：撤销中国根域名服务器编辑：程序博客网时间：2024/06/05 02:32

1.尽量减少js操作dom节点，减少页面的重排和重绘，尽量在appendChild前面进行添加操作，使用文档碎片

window.onload = function(){var oUl = document.getElementById('uploadFile');console.time('hello');for(var i = 0 ; i < 5000 ; i++){var oLi = document.createElement('li');oUl.appendChild(oLi); }console.timeEnd('hello');}window.onload = function(){var oUl = document.getElementById('uploadFile');var oFrag = document.createDocumentFragment();console.time('hello');for(var i = 0 ; i < 5000 ; i++){var oLi = document.createElement('span');oFrag.appendChild(oLi);}oUl.appendChild(oFrag);console.timeEnd('hello');}

2.chrome小技巧

当页面元素很多找不到固定页面时，可以使用ctrl+p尝试出搜索功能并使用

ctrl+o找到合适的行号

调出页面被浏览器隐藏的元素settings-->element-->Show user agent shadow DOM

ctrl+d选中当前单词的下一个匹配，并可以一键修改

0 0