1. 减少nodeList的查询。
比如 var divs = document.getElementsByTagName("div");
在遍历divs时,尽量不要去用divs.length这种可能会产生动态变化的值去控制遍历。 因为每次进行判断时, 都会对对当前nodelist进行一次query.影响性能。
2.如需遍历或其他操作. 要在查询后把dom结果缓存起来。
3. DOM操作往往是JS程序中开销最大的部分。
1. 减少nodeList的查询。
比如 var divs = document.getElementsByTagName("div");
在遍历divs时,尽量不要去用divs.length这种可能会产生动态变化的值去控制遍历。 因为每次进行判断时, 都会对对当前nodelist进行一次query.影响性能。
2.如需遍历或其他操作. 要在查询后把dom结果缓存起来。
3. DOM操作往往是JS程序中开销最大的部分。
本文标题:DOM 操作的性能优化
本文链接:https://www.haomeiwen.com/subject/sfnlfxtx.html
网友评论