jquery两稳定版本比较~~
jquery歷經(jīng)了多個版本的更新，版本上的比較貌似沒什么必要性，一般來說新的版本會比舊的版本各方面都略有提升，但由于新版中增加了各種新的功能，難免會引起bug的發(fā)生。評估一個版本是否適合當前開發(fā)場景使用，通過多幾方面來衡量比較靠譜。以下我選用業(yè)界中比較穩(wěn)定兩個jquery來進行對比，它們分別是1.4.2版本以及1.7.1版本來 。
1. 性能上的分析
1.1帶寬比較
1.4.2體積為71K，1.7.1體積為92k，壓縮后的體積相差無幾，現(xiàn)金的網(wǎng)絡情況可忽視21K的差距。
1.2各瀏覽器上的性能比較
本次性能測試并沒有覆蓋所有的瀏覽器，只選用當前比較流行的幾個版本，包括了：IE6、IE8、FF11、Chrome 18
測試用例：
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js">
</script>
<script type="text/javascript">
var $171 = jQuery.noConflict();
</script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
var $142 = jQuery.noConflict();
</script> <div class="wrapper">
<div class="innerWrapper">
<div class="button">
<a href="" id="button" class="buttonRef">
<span class="buttonText">Text</span>
</a>
</div>
</div>
</div> <script>
var context71 = $171("div.wrapper");
var context42 = $142("div.wrapper");
</script>
在1秒里循環(huán)執(zhí)行以下測試用例
Get - Class 1.4.2 var item = $142(".buttonRef");
Get Class1.7.1 var item = $171(".buttonRef");
Context-Class 1.4.2 var item = $142(".buttonRef", context42);
Context-Class 1.7.1 var item = $171(".buttonRef", context71);
Find-Class 1.4.2 var item = context42.find(".buttonRef");
Find-Class 1.7.1 var item = conttext71.find(".buttonRef");
其運行結果就不一一顯示出來，感興趣的童鞋們可以到http://jsperf.com/jq1-4-2-vs-jq1-7-1/3具體查看各瀏覽器的性能比較。
簡略匯總了各瀏覽器的數(shù)據(jù)：單位：(ops/sec)
總的來說， jquery1.7.1 除了在 IE6 上性能沒太大的差別以外，在其它三個瀏覽器均有較大性能的提升。
2.穩(wěn)定性分析
js 穩(wěn)定性，起碼保證瀏覽器在運行 jquery 的時候不會奔潰，同時我們從其發(fā)布策略以及其下個版本有沒重大bug 修復來來衡量哪個版本比較穩(wěn)定。
首先看看兩個版本各自發(fā)布的時間，同時它們各自跟下個版本的發(fā)布時間間距。
Jquery 1.4.2 Posted February 19th, 2010 by John Resig
Jquery 1.4.3 Posted October 16th, 2010 by John Resig
Changelog ：http://api.jquery.com/category/version/1.4.3/ Jquery 1.7.1 Posted November 3rd, 2011 by dmethvin
Jquery 1.7.2 Posted March 21st, 2012 by dmethvin
Changelog：http://blog.jquery.com/2012/03/21/jquery-1-7-2-released/
從發(fā)布時間間距和更改日志來說， 1.4.2 版本更穩(wěn)定點。
3.功能上分析
<strong>1.7.1新增的方法
removeData([name|list]) (支持以數(shù)組為參數(shù)的批量操作) 屬性：(新增)
prop(name|pro|key,val|fn)
removeProp(name) 選擇器：(新增)
focus1.6+ 篩選：(重載了方法)
is(expr|obj|ele|fn)1.6*
closest(expr,[con]|obj|ele)1.6*
nextUntil([exp|ele][,fil])1.6*
parentsUntil([exp|ele][,fil])1.6*
prevUntil([exp|ele][,fil])1.6* 事件：(新增)
on(eve,[sel],[data],fn)1.7+
off(eve,[sel],[fn])1.7+
delegate(sel,[type],[data],fn)
undelegate([sel,[type],fn])1.6* Deferred：
新增了整個模塊 工具：(重載了方法)
$.map(arr|obj,callback)1.6*
</strong>
總的來說， jq1.7.2 重載了不少方法，也新增了一些方法，但對于我們日常開發(fā)來說都不是太常用，當然功能更多我們有更多的選擇，不過相對來說跟 jq1.4.2 沒有太多的優(yōu)越性。
4.可擴展性、兼容性分析
由于 Jquery 的版本都是不向后兼容的，導致了基于 jquery 開發(fā)的插件兼容性有問題，當新版本的 jquery 推出后，如果開發(fā)想升級的話，要看插件是否支持。通常情況下，在最新版 jquery 版本下，現(xiàn)有插件可能無法正常使用。開發(fā)者使用的插件越多，這種情況出現(xiàn)概率越高。
同時，由于 jquery1.4.2 版本發(fā)布時間比較早，基于這版本開發(fā)的插件數(shù)量龐大，而對應版本的開發(fā)社區(qū)相當活躍，很多詭異的問題，網(wǎng)上都有對應的解決方案。
從可擴展性來分析吧，無論是 1.7.1 還是 1.4.2 留給開發(fā)擴展的方法只有兩個，分別是 jquery.extend 和jquery.fn.extend ，一種是添加靜態(tài)屬性和方法、一種是對象添加屬性和方法，擴展方式比較簡單，經(jīng)歷了多個版本，擴展方式都一致，因此在擴展性上面沒什么可比較的。
5.結論
綜上所述， jquery1.7.1 的版本在多數(shù)瀏覽器上的性能表現(xiàn)無疑比 jquery1.4.2 更好，而穩(wěn)定性和兼容性方面jquery1.4.2 更出色點，其它地方基本沒什么差距。
從我們目前前端開發(fā)情況來說吧，引用到第三方的擴展庫相對來說比較少，而 1.4.2 擁有龐大插件數(shù)量的優(yōu)勢對于我們來說沒什么意義（習慣自研的）。我們更多的關注框架性能是否優(yōu)越，可擴展性是否良好，因此，jquery1.7.1 的版本是當前最好的選擇。
總結
以上是生活随笔為你收集整理的jquery两稳定版本比较~~的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 基于python的数学建模---多模糊评
- 下一篇： private关键字 this关键字