JavaScript代码优化问题示例
2019-05-26 本文已影响0人
acsamson
找出下面代码并优化它
待优化代码
对该代码的优化是三个点
-
把data.length提出去
-
不要在里面进行提取dom('list')
-
不要每一次都进行一遍innerHTML, 可以先用字符串拼接然后最后再进行一下innerHTML
JavaScript每一次对dom进行操作都很好性能, 所以要尽可能地减少对dom的操作
并且每一次innerHTML还会对页面进行重绘
例如:把<body><p>第1行</p><p>第2行</p>...</body>（body之间有100个p元素）插入body里面的问题
错误写法
正确写法应该是通过DocumentFragment创建的是一个虚拟DOM
存放在内存中, 对其进行更改不会对文档有影响
插入到正式的文档中后, 虚拟DOM会被删除
正确写法
