关于DOM的操作以及性能优化问题

 写在前面：

　　大家都知道DOM的操作很昂贵。　

　　然后贵在什么地方呢？ 

　　一、访问DOM元素

　　二、修改DOM引起的重绘重排

一、访问DOM　　

　　像书上的比喻：把DOM和JavaScript（这里指ECMScript）各自想象为一个岛屿，它们之间用收费桥梁连接，ECMAScript每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费用也就越高。因此，推荐的做法是尽量减少过桥的次数，努力待在ECMAScript岛上。我们不可能不用DOM的接口，那么，怎样才能提高程序的效率？

1. 既然无法避免，那就减少访问。（width、offsetTop、left。。。能少就少，可以缓存起来的，就缓存）

   // code1错误console.time(1);for(var i = 0; i < times; i++) { document.getElementById('div1').innerHTML += 'a';}console.timeEnd(1); // code2正确console.time(2);var str = '';for(var i = 0; i < times; i++) { str += 'a';}document.getElementById('div2').innerHTML = str;console.timeEnd(2);
   
           
    
           
   海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
           
   
           
   原标题：关于DOM的操作以及性能优化问题
           
   关键词：dom