南京web前端培训机构综合实力榜一览表，博为峰IT培训学校是中国专业的IT培训机构之一，博为峰51Code在国内率先推出IT就业培训业务，即通过数月的强化培训，使缺乏职场竞争力的学员具备企业级项目执行能力，先后在10余个城市推出软件测试，软件开发线下培训，并推出在线职业教育平台博为峰网校Atstudy，面向全国/国际提供软件测试，软件开发等或进阶类，考证类等课程。

　　前端面试题 如何优化DOM操作的性能

　　众所周知，在富网页应用中编写脚本时，无可避免地要跟DOM打交道，但是频繁地对于DOM进行操作，又会导致损耗性能，那么如何才能优化这个性能瓶颈呢？其实这也是前端面试的考试题，一般来说有大致七种方式，归纳起来都是从三种角度出发，即访问和修改DOM元素；修改DOM样式；通过DOM事件处理程序来响应用户。下面我们来详细讲解一下优化DOM操作的性能。

　　1、查找元素的优化。因为 ID 是的，也有原始的方法，因此使用ID 查找元素是较快的，其次的是根据类和类型查找元素，通过属性查找元素是较慢的，因此应该尽可能的通过 ID 或者类来查找元素，避免通过属性来查找元素。

　　2、减少访问和改变DOM元素，包括添加，修改，删除DOM。改变DOM就会引起浏览器渲染，而渲染是相当慢的，因此应该避免不必要的渲染。

　　3、减少改变DOM的样式类等。改变DOM元素的样式，类也会导致浏览器渲染，因此也应该减少不必要的操作。

　　4、批量修改DOM时从文档流中摘除该元素 ，对其应用多重改变 ， 将元素带回文档中 ， 这样可以较小化重绘和重排版 。

　　具体方法:

　　（1）隐藏元素，进行修改，然后再显示它。

　　（2）将原始元素拷贝到一个脱离文档的节点中，修改副本，然后覆盖原始元素。

　　5、减少 iframeiframe 需要消耗大量的时间，并阻塞下载，建议少用。

　　6、样式放在 header 中，脚本放在关闭标签之前样式放在。header 中，可以加快渲染，脚本放在关闭标签之前可以加快下载速度，不免阻塞下载。

　　7、使用事件委托，减少绑定事件的数量。多次访问同一DOM，应该用局部变量缓存该DOM。

　　以上就是如何优化DOM操作的性能的具体方法。相信看完本篇文章，大家如果在前端面试题再遇到这样的问题，就可以能轻松应对啦。

尊重原创文章，转载请注明出处与链接：http://www.soxsok.com/wnews692456.html 违者必究！ 以上就是关于“南京web前端培训机构综合实力榜一览表”的全部内容了，想了解更多相关知识请持续关注本站。