jQuery教学的性能优化 浏览:67

jQuery是一个非常好的Javascript框架。当我们使用jQuery时,我们不想回到Javascript的长代码中,所以jQuery的优化摆在我们面前,我们应该如何从这些方面优化jQuery呢

1。使用jQuery的最新版本

新版本将比旧版本提高性能,并添加新功能。

2,使用选择器

我们通常使用id选择器、类选择器、元素选择器、伪类选择器和元素选择器,在使用中,我的建议是最好使用id选择器,然后是类选择器>元素选择器>元素选择器>伪类选择器。

当涉及到选择器时,不需要放入一个词,在使用父元素选择器时最好用id检查开始向下搜索。

三.不要过度使用jQuery

记住一句话,是fastest.jquery写的少,做的更多(少写,多做)。

4。做好缓存工作

此时重用一个节点是一个可以在使用时存储和调用的变量,避免重复访问节点,降低效率。

复制代码代码如下所示:
无功inputselect = $(# head.head_right输入);
InputSelect.find (a);
InputSelect.find(我);


5。利用连锁经营

jQuery的一个亮点是使用链操作。

复制代码代码如下所示:
$(#内容),(的)。情商(2),Html(Hello World);


6。事件委托

当需要多个元素执行一个事件类型时,可以使用事件委托:

复制代码代码如下所示:









当每个类=divdiv有一个单击事件时,我们可以接受一个事件委托,

复制代码代码如下所示:
$(#内容),(单击
美元(这个)。Css(颜色)
});


7。正确处理循环

循环是一个更耗时的操作,如果您可以使用选择器直接选择元素,则不要使用循环遍历遍历元素。

Javascript的本地方法,无论是时间还是速度,都比jQuery的每个()快,因此应该首先使用本机方法。

8,减少jQuery对象的生成

生成查询对象将生成相应的属性和方法来比较资源,因此尽量减少jQuery对象的生成。

9。变量的范围

当一个变量不需要在多个函数中调用时,变量应该放在一个函数中,以减少在执行代码时发现代码的时间。

10。将某些函数推迟到$(窗口)。

准备好了,但是当它再次被渲染时,其他元素就不需要下载了。

11。合并脚本

脚本是一个接一个加载的,减少脚本的数量也可以提高效率。

12、元素封装

当向节点插入内容时,您可以首先封装内容并插入它。

复制代码代码如下所示:
var内容;
$(#头)Html(内容);


此外,它是js文件的压缩。

随着jQuery的不断使用,将发现越来越多的优化方法。
推荐文章1
广告