美文网首页
高效jquery的tips

高效jquery的tips

作者: SuperSnail | 来源:发表于2016-01-23 17:12 被阅读152次

1、缓存变量
dom遍历是昂贵的,尽量把重用的变量缓存

2、避免全局变量
最好确保你的变量在函数作用域内

3、使用匈牙利命名法
在变量前加$,便于识别出jQuery对象

4、使用var链
将多条var语句合并为一条

5、使用on
类似click()这样的函数都可以用on('click',function(){})

6、精简js
尽可能合并函数

7、链式操作

8、维持代码的可读性

9、选择短路求值
短路求值是一个从左到右求值的表达式,用&&或者||

10、选择捷径
比如,if(aa.length > 0){...}
改成if(aa.length){}

11、繁重的操作中分离元素
detach()
先分离元素再添加

12、熟记技巧
找到更好更快的方法使用jquery

13、使用子查询缓存的父元素
缓存父元素并在选择子元素的时候重用这些缓存元素

14、避免通用选择符

15、避免隐式通用选择符
用选择符性能不好

16、避免重复id选择符
优化选择符

17、坚持最新版本

18、利用cdn

19、必要时组合jquery和js原生代码

相关文章

  • 高效jquery的tips

    1、缓存变量dom遍历是昂贵的,尽量把重用的变量缓存 2、避免全局变量最好确保你的变量在函数作用域内 3、使用匈牙...

  • 人人须知的 jQuery 技巧

    英文原文 : jquery-tips-everyone-should-know作者 : AllThingsSmit...

  • 【我要编程】技术知识分享——JQuery

    JQuery ※ JQuery是一个高效、精简并且功能丰富的JavaScript工具库 1.1、JQuery基础 ...

  • 我要编程|技术知识分享——JQuery

    JQuery ※ JQuery是一个高效、精简并且功能丰富的JavaScript工具库 1.1、JQuery基础 ...

  • 高效Tips

    chrome 浏览器 Vimium 扩展神器 Vimium 快捷键学习记录 http://www.cppblo...

  • 高效的JQUERY

  • 高效工作tips

    1.根据激素变化安排工作日程 提前把第二天工作分配好难度,尤其是在9-11点,难度低的安排下午。(每天早上睡醒后2...

  • jQuery API中文文档

    jQuery API 中文文档 jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供...

  • jQuery知识点

    jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。 jQuery 能做什么? 1、选取页...

  • 进阶14-jQuery

    题目1: jQuery 能做什么? jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它...

网友评论

      本文标题:高效jquery的tips

      本文链接:https://www.haomeiwen.com/subject/susrkttx.html