• JSDOM优化


    • JS操作DOM,就像从一个岛到另外一个岛,过桥的时候,每次都要收取过桥费,尽量减少过桥的次数。列如:   for循环插入到页面5000个LI:  应该 先用一个变量存 5000个li,然后一次插入。
    • innerHTML与DOM的方法速度比较: weiKit 的浏览器 DOM方法要快,其他的浏览器innerHTML更快!
    • 减少DOM操作:
    •  1. 使用节点克隆    
    • 2. 访问元素集合=》使用一个局部变量存起来。
    • 3.尽量使用只获取元素的节点方法=》 不用那些 元素和文本节点一起都获取到的方法。
    • 4. 使用新的选择器API =》 querySelector   querySelectorAll 
    • DOM与浏览器:  
    • 1.尽量在appendChild()前添加操作(在把元素插入到页面之前添加完其他的内容)。  
    • 2.  合并DOM操作: 利用cssText() 添加多个样式,而不是使用style. 一次一个添加 。
    • 3.缓存布局信息。
    • 利用文档碎片: 
    • 使用DOM事件委托
    • 使用前端模板 =》 jQuery 也有前端模板。
  • 相关阅读:
    搜索专题
    KMP专题
    CSU 1326: The contest(分组背包)
    强连通专题
    MST:Bad Cowtractors(POJ 2377)
    MST:Agri-Net(POJ 1258)
    ShortestPath:Layout(POJ 3169)(差分约束的应用)
    MST:Conscription(POJ 3723)
    MST:Roadblocks(POJ 3255)
    DP:Space Elevator(POJ 2392)
  • 原文地址:https://www.cnblogs.com/wanqiu/p/4470622.html
Copyright © 2020-2023  润新知