前端編程性能優化總結(待完善)
選擇器使用(使用合適的選擇器)
1、儘量使用id選擇器來定位DOM元素;
2、使用選擇器時儘量具體,給選擇器指定上下文(即可定位到父元素,定位具體能減免性能消耗);
DOM操作
在for()、while()或者$.each()中,處理節點的較好方式應該是吧元素字符串全部創建好後再插入DOM中去,降低循環操作DOM節點消耗性能。
(儘量使用js的for避免使用$.each(),for()的效率比Jquery的each快得多)
1、儘量使用id選擇器來定位DOM元素;
2、使用選擇器時儘量具體,給選擇器指定上下文(即可定位到父元素,定位具體能減免性能消耗);
在for()、while()或者$.each()中,處理節點的較好方式應該是吧元素字符串全部創建好後再插入DOM中去,降低循環操作DOM節點消耗性能。
(儘量使用js的for避免使用$.each(),for()的效率比Jquery的each快得多)
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄