注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

TOTO

Think and Be Different

 
 
 

日志

 
 

关于jQuery的一些经验的积累  

2009-11-27 19:13:41|  分类: 看看书 写写笔记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
(1)javascript对象和jQuery对象的相互转化:

javascript对象转化为jQuery对象
var id = document.getElementById("test");
var $id = jQuery(id);

jQuery对象转化为javascript对象:
var $id = jQuery("#test");
var id  = $id[0];

(2)合理使用$缩写
(3)如果要生成一些dom节点,最好使用document.createElement等原生的方法,它的性能要比使用jQuery快很多,这个性能在要大量生成dom节点的时候尤其明显。当然要注意,有些内容不能直接生成,比如input标签
(4)减少事件的产生
jQuery(".class").click(function(){});
这个方法很简单,但是事件比较多,如果使用事件冒泡,在父亲节点中加入这个时间,这样效率就会高很多。

(5)使用选择器的时候,优先选择使用ID,次之为tagName,因为调用的两个方法都是原生方法,比较快。如果想对一批元素进行处理,可以对这些父节点家一个ID,然后使用jQuery("#id .class")的方法来解决。另外在class和tagName之间,优先选择tagName,理由也是tagName更快。

(6)在我对jquery的测试的时候,发现: chrome > IE > firefox,这个现象最重要的是IE的效率要高于firefox,不知道,是不是jQuery对IE进行有了优化造成的:)
(7)还是要多看手册和代码,保证熟练使用,如果把源代码看看更好。这个兄弟对javascript和jQuery的研究都比较深。可以看看这个人的blog
(8)尽量使用jQuery.get()方法,也就是多用ajax的get方法,在传送数据的时候,如果不是很大,使用get效果会更好,具体的原因是浏览器的ajax实现中,POST方法要做两次TCP连接

原则: 尽量减少节点检索、响应事件,以保证性能很高,避免不必要的检索和事件,虽然有时候代码写起来更随意一些。

这篇文章参考了海海的wiki
  评论这张
 
阅读(294)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017