码迷,mamicode.com
首页 > 其他好文 > 详细

DOM优化

时间:2017-08-21 00:10:48      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:dom   独立   --   重绘   添加   document   bsp   浏览器   文档   

DOM与浏览器

  重排:改变页面内容

  重绘:浏览器显示内容

  1、添加顺序:

    --尽量在appendChild前添加操作

  2、合并DOM操作:

    --利用cssText

  3、缓存布局信息:

  4、文档碎片:

    --createDocumentFragment()

 

DOM与Javascript

  1、浏览器会把DOM与js独立实现

    --像两个独立的小岛

  2、js操作DOM

    --从一个岛到另一个岛

  3、DOM性能

    --岛与岛之间的桥,每次通过收取“过桥费”

    --尽量减少过桥次数

 

DOM优化

标签:dom   独立   --   重绘   添加   document   bsp   浏览器   文档   

原文地址:http://www.cnblogs.com/Chuzs/p/7401661.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!