学习jquery的几点建议.doc

学习jquery的几点建议.doc

ID:58025764

大小:96.00 KB

页数:8页

时间:2020-04-08

学习jquery的几点建议.doc_第1页
学习jquery的几点建议.doc_第2页
学习jquery的几点建议.doc_第3页
学习jquery的几点建议.doc_第4页
学习jquery的几点建议.doc_第5页
资源描述:

《学习jquery的几点建议.doc》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、Jquery代码的几点建议讨论jQuery和javascript性能的文章并不罕见。然而,木文我计划总结一些速度方血的技巧和我木人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑了里牢牢记住jQuery就是javascripto这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,我建议您阅读《JavaScript初学者的最佳实践》,这是一篇高质量的javascript教程

2、,接触jQueryZ前最好先阅读。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DOM遍历是昂贵的,所以尽量将会重用的元索缓存。//糟糕h=$(J#element,).height();$('#element,).css('height',h~20);//建议Selement=$C#element,);h=Selement.height();$element.cssCheight',h~20);避免全局变量jQuery与javascript…样,…般来说,最好确保你的变量亦函数作用域内

3、。//糟糕$element二$(J#element,);h=Selement.height();$element.cssCheight',h~20);//建议var$element=$('#element/);varh=$element.height();Selement.cssCheight',h~20);使用匈牙利命名法在变最前加$前缀,便于识别出jQuery对彖。//糟糕varfirst=$('#first');varsecond二$('#second');varvalue=$first.val(

4、);〃建议・在jQuery对象前加$前缀var$first=$('#first');var$second二$(,#sec()ncT),varvalue=$first.val();使用Var链(单Var模式)将多条var语句合并为一条语句,我建议将未赋值的变最放到后面。var$first=$(J#first,),Ssecond=$('#seconcT),value=$first.val(),k=3,cookiestring二'SOMECOOKIESPLEASE',■1,J,myArray={};请使用'O

5、n,在新版jQuery中,更短的on(“click”)用来取代类似click()这样的函数。在之前的版本中on()就是bind()。自从jQuery1.7版本后,on()?附加事件处理程序的首选方法。然而,出于一致性考虑,你可以简单的全部使用on()方法。//糟糕$first・click(function(){$first.css('border,,5lpxsolidred');$first.css('color,,'blue');});$first・hover(function(){$first.cs

6、s('bOTder','lpxsolidTed');})$first.on('click,,function(){$first.css('border'lpxsolidred');$first.css('color,,'blue');})$first.on('hover,,function(){$first.css('border','lpxsolidred');})精简javascript-•般来说,最好尽可能合并函数。//糟糕$first.click(function(){$first.css('b

7、order','lpxsolidred');$first.css('color,,'blue,);});//建议$first.on('click5,function(){$first.css({}border,:'lpxsolidTed','color,:'blue'});});链式操作jQuery实现方法的链式操作是非常容易的。下面利用这一点。//糟糕$second.html(value);$second.on('clickJ,function(){alert('helloeverybody');})

8、;,,$second.fadeinCslow');$second.animate({height:'120px‘},500);〃建议$second.html(value);Ssecond.()n(‘click',function(){alert('helloeverybody,);})•fadein('slow').animate({height:'120px'},500);维持代码的可读性伴随着精简代码和使川链式的同时,可能带来代码的难以

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。