数码资讯
jQuery性能优化的详细说明
我找到搜索,终于找到了一些jQuery性能优化文章,小汇编当然不能忘了决定性的加上一些自己的理解和总结。 首先,上一篇文章中的jQuery链操作是jQuery性能优化方法之一,在这里并没有重复具体的实现和优点。 A.压缩JS代码,使用压缩技术来减小文件体积。(使用jsmin,YUI压缩器,等)。 默
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
我找到搜索,终于找到了一些jQuery性能优化文章,小汇编当然不能忘了决定性的加上一些自己的理解和总结。
首先,上一篇文章中的jQuery链操作是jQuery性能优化方法之一,在这里并没有重复具体的实现和优点。
A.压缩JS代码,使用压缩技术来减小文件体积。(使用jsmin,YUI压缩器,等)。
默认情况下,事件是在子节点中发生的向上冒泡的事件,可以由父节点处理。父节点上提到事件注册,因此不需要为每个孩子注册事件。
C.使用缓存,可以在jQuery对象多次使用时将jQuery对象缓存到变量中。
复制代码代码如下所示:
无功nodetd = $(td);
CJ = $(var $ # CJ);
cj.on美元(单击
cj.css美元(颜色
结果缓存。如果我们需要使用jQuery,程序或函数其他地方的结果对象将执行多次,我们可以将其存储在一个变量中。
由于ID的唯一性,id选择是jQuery选择元素的最快方式。
复制代码代码如下所示:
$(# firstd ),SlideDown(500);
$(# firstd IMG)。SlideUp(500); / /使用ID选择器选择多重继承的元素
E.使用子查询
复制代码代码如下所示:
Zhuye.on(swiperight
$(这个)。查找()。隐藏();
}); / / swiperight --看看jQuery移动API的含量
f使用find(),子元素不使用上下文查找,find()函数速度更快,并在上面的E中使用。
G.使用jQuery数据()的内部函数来存储状态(性能优化方法首先见于百度),示例也临时引用了该实例)。
复制代码代码如下所示:
$(#头),数据('name',币值的);
在应用程序中调用之后:
$(#头)数据('name');
H.最后使用了jQuery的新版本,并简化了jQuery代码。
复制代码代码如下所示:
$(文档)Ready(函数(){)
});
$(函数(){())
});
首先,上一篇文章中的jQuery链操作是jQuery性能优化方法之一,在这里并没有重复具体的实现和优点。
A.压缩JS代码,使用压缩技术来减小文件体积。(使用jsmin,YUI压缩器,等)。
默认情况下,事件是在子节点中发生的向上冒泡的事件,可以由父节点处理。父节点上提到事件注册,因此不需要为每个孩子注册事件。
C.使用缓存,可以在jQuery对象多次使用时将jQuery对象缓存到变量中。
复制代码代码如下所示:
无功nodetd = $(td);
CJ = $(var $ # CJ);
cj.on美元(单击
cj.css美元(颜色
结果缓存。如果我们需要使用jQuery,程序或函数其他地方的结果对象将执行多次,我们可以将其存储在一个变量中。
由于ID的唯一性,id选择是jQuery选择元素的最快方式。
复制代码代码如下所示:
$(# firstd ),SlideDown(500);
$(# firstd IMG)。SlideUp(500); / /使用ID选择器选择多重继承的元素
E.使用子查询
复制代码代码如下所示:
Zhuye.on(swiperight
$(这个)。查找()。隐藏();
}); / / swiperight --看看jQuery移动API的含量
f使用find(),子元素不使用上下文查找,find()函数速度更快,并在上面的E中使用。
G.使用jQuery数据()的内部函数来存储状态(性能优化方法首先见于百度),示例也临时引用了该实例)。
复制代码代码如下所示:
$(#头),数据('name',币值的);
在应用程序中调用之后:
$(#头)数据('name');
H.最后使用了jQuery的新版本,并简化了jQuery代码。
复制代码代码如下所示:
$(文档)Ready(函数(){)
});
$(函数(){())
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。