高效的jQuery代码编写技巧总结

最近写了很多的js,虽然效果都实现了，但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议，来提升你的jQuery和JavaScript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。
其次在脑子里牢牢记住jQuery就是javascript.这意味着我们应该采取相同的编码惯例，风格指南和最佳实践。
当你准备使用jQuery,我强烈建议你遵循下面这些指南：
缓存变量
DOM遍历是昂贵的，所以尽量将会重用的元素缓存。
// 糟糕
h = $（'#element'）。height（）；
$（'#element'）。css（'height',h-20）；
// 建议
$element = $（'#element'）；
h = $element.height（）；
$element.css（'height',h-20）；
避免全局变量
jQuery与javascript一样，一般来说，最好确保你的变量在函数作用域内。
// 糟糕
$element = $（'#element'）；
h = $element.height（）；
$element.css（'height',h-20）；
// 建议
var $element = $（'#element'）；
var h = $element.height（）；
$element.css（'height',h-20）；
使用匈牙利命名法
在变量前加$前缀，便于识别出jQuery对象。
// 糟糕
var first = $（'#first'）；
var second = $（'#second'）；
var value = $first.val（）；
// 建议 - 在jQuery对象前加$前缀
var $first = $（'#first'）；
var $second = $（'#second'），
var value = $first.val（）；
使用 Var 链（单 Var 模式）
将多条var语句合并为一条语句，我建议将未赋值的变量放到后面。
var
$first = $（'#first'），
$second = $（'#second'），
value = $first.val（），
k = 3,
cookiestring = 'SOMECOOKIESPLEASE',
i,
j,
myArray = {};

<div class="article_r">
<span class="link_postdate">2017-02-22 10:19</span>
<span class="link_view" title="阅读次数">7人阅读</span>
<span class="link_comments" title="评论次数"> <a href="http://www.changtu.com/chezhan/linyishi/15685.html">临沂汽车总站电话</a></span>

</div>