jQuery 简约性能优化

// JQuery性能优化
//1.总是从ID选择器开始继承
$("#root .tt")
//2.尽量在class前面加上元素名
$("h1.tt")
//3.尽量使用ID选择器来替代类选择器
//4.在适当的时候使用链式操作
//5.将JQuery对象缓存起来使用,并在变量名前面加上$
let $ps = $("#root p" );
for(let i = 0;i < $ps.length;i++){
console.log( $ps[i]);
}
//6.限制直接操作DOM的次数
//7.尽量使用事件委托机制
//8.使用事件委托时应该用on或者delegate方法来替代live
//9.JS代码尽量推迟到window.onload事件中进行
//10.能用子代选择器就不要用后代选择器

猜你喜欢

转载自www.cnblogs.com/web--yang/p/9221660.html