Jquery性能优化详解


Posted in Javascript onMay 15, 2014

寻寻觅觅,觅觅寻寻终于找到了一些关于jquery性能优化的文章,小编果断收藏当然不能忘了加上自己的一些总结及理解。

首先,之前文章中的jquery链式操作就是jquery性能优化方式中的一种,具体实现及优势在这里就不重复了哈。其次,jquery的优化与web优化中的某些方法是一样的。

a.压缩js。使用代码压缩技术,减小文件体积。(使用jsmin、YUI Compressor等)。

b. 事件默认是向上冒泡的,发生在子节点中的事件,可以由父节点来处理。把事件注册上提到父节点上,这 样就不需要为每个子节点注册事件监听.

c.利用缓存,当要多次使用某个jquery对象时,可以将jquery对象缓存到变量里。

var nodeTd = $("table td");
var $cj = $("#cj");
$cj.on("click",function(){
    $cj.css("color","blue");})

jquery结果缓存,如果需要将jquery结果对象在程序中的其他地方使用,或者function会多次执行,那么就可以将其存放到一变量中。

d.尽量从id选择器来继承。因为id的唯一性,id选择是jquery选择一个元素最快的方法了。

$("#firstd").slideDown(500);
$("#firstd img").slideUp(500);//利用id选择器继承来选择多个元素

e.使用子查询

  zhuye.on("swiperight","#data li",function(){
            $(this).find(".delete").hide();
        });//swiperight——看jquery-mobile  api内容内容

f.采用find(),儿不使用上下文查找,.find()函数更快速些,在上面的e中已有使用。

g.采用jquery的内部函数data()来存储状态(这种性能优化方法在百度时第一次见到,例子也暂直接引用他的吧)。

$('#head').data('name', 'value');
// 之后在你的应用中调用:
$('#head').data('name');

h.最后,使用新版本的 jQuery及简化jquery代码。

$(document).ready(function (){
});
$(function (){
});
Javascript 相关文章推荐
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
extjs ColumnChart设置不同的颜色实现代码
May 17 Javascript
一个封装js代码-----展开收起效果示例
Jul 03 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
Javascript 按位取反运算符 (~)
Feb 04 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
Jan 16 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 #Javascript
Javascript小技巧之生成html元素
May 15 #Javascript
javascript屏蔽右键代码
May 15 #Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 #Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 #Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 #Javascript
jquery-syntax动态语法着色示例代码
May 14 #Javascript
You might like
PHP文件上传实例详解!!!
2007/01/02 PHP
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
解析php中curl_multi的应用
2013/07/17 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
js检测iframe是否加载完成的方法
2015/11/26 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python异常学习笔记
2015/02/03 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
python保存网页图片到本地的方法
2018/07/24 Python
Python 实现向word(docx)中输出
2020/02/13 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
python-地图可视化组件folium的操作
2020/12/14 Python
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
工商企业管理实习自我鉴定
2013/12/04 职场文书
学雷锋标语
2014/06/25 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
党校学习党性分析材料
2014/12/19 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
会计主管竞聘书
2015/09/15 职场文书
python unittest单元测试的步骤分析
2021/08/02 Python
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python