JQuery有非常多的选取节点的方法,但是采用这些方法选取节点时所影响到的性能是完全不一样的,用更合适的选择器去选取节点,是使用JQuery时优化浏览器性能的一个可考虑方向。
- <div class="test-case-content">
- <ul id="test-case" class="test">
- <li class="item-01">Number_01</li>
- <li class="item-02">Number_02</li>
- <li class="item-03">Number_03</li>
- <li class="item-04">Number_04</li>
- <li class="item-05">Number_05</li>
- <li class="item-06">Number_06</li>
- <li class="item-07">Number_07</li>
- <li class="item-08">Number_08</li>
- <li class="item-09">Number_09</li>
- </ul>
- </div>
- function testTime(method) {
- console.time('testTime');
- if (typeof method === 'function') {
- for (var i = 0; i < 50000; i++) {
- method();
- }
- }
- console.timeEnd('testTime');
- }
关于JQuery选择器的性能优化方案,暂时整理到这里,还有什么要添加的欢迎评论留言。
编程有匠心,从小地方关注性能的优化,感谢你的阅读。
来源: https://juejin.im/post/5a03f6e06fb9a044fb073413