這篇文章主要介紹了由淺入深剖析Angular表單驗(yàn)證 的相關(guān)資料,需要的朋友可以參考下

jQuery 3.0 最終版發(fā)布了。jQuery 3.0將是jQuery的未來(lái)。但如果你需要IE6-8支持，您可以繼續(xù)使用最新版本1.12。

jQuery 3.0在日前發(fā)布了最終的全新版本。從2014年10月，jQuery團(tuán)隊(duì)對(duì)這個(gè)主要大版本進(jìn)行維護(hù)開(kāi)始，web開(kāi)發(fā)者社區(qū)便一直在期待著這一刻的到來(lái)，終于在2016年6月他們迎來(lái)了這一個(gè)最終版www.lampbrother.net。

通過(guò)jQuery 3.0的版本更新說(shuō)明，我們看到了一個(gè)保持著向后兼容的更輕便，更快速的jQuery。在本文中，我們將介紹一些令人眼前一亮的jQuery 3.0全新特性。

開(kāi)始前的說(shuō)明

如果你想要下載jQuery 3.0進(jìn)行親自實(shí)驗(yàn)，可以通過(guò)該頁(yè)面進(jìn)行下載。另外，升級(jí)指南和源代碼也值得你一看。

如果你想要測(cè)試一下你的項(xiàng)目如何在jQuery 3.0中工作的，你可以嘗試通過(guò)jQuery遷移插件來(lái)識(shí)別代碼的兼容性問(wèn)題，你也可以查看jQuery未來(lái)發(fā)展的時(shí)間表。

1. 移除舊的IE工作區(qū)

新的最終版最主要的目標(biāo)是更加快速，更加時(shí)尚，因此，那些支持早于IE9版本的相關(guān)技術(shù)與工作區(qū)都被移除了。這意味著如果你想要或者需要支持IE6-8，你必須用回1.12版本，因?yàn)樯踔潦?.X版本都無(wú)法完整支持早于IE9的瀏覽器。

注意：在jQuery 3中還棄用了一些其它的功能。截止到2016年6月，升級(jí)指南還沒(méi)有提供一個(gè)對(duì)于棄用功能的分組整理。因此，你如果想要了解棄用功能，可以通過(guò)ctrl+f鍵來(lái)進(jìn)行搜索。

2. jQuery 3.0運(yùn)行在Strict Mode下

大多數(shù)支持jQuery 3的瀏覽器都支持strict mode，而在本次更新中對(duì)此進(jìn)行了規(guī)定。

雖然jQuery 3是寫(xiě)在strict mode中的，但是你需要了解的是你的代碼并不需要運(yùn)行在strict mode中，因此如果你想要把以前的代碼遷移到j(luò)Query 3，你不需要對(duì)已存在的jQuery代碼進(jìn)行重寫(xiě)。Strict和non-strict mode的JavaScript代碼可以和諧共存。

這里有一些例外：某些版本的ASP.NET，因?yàn)閟trict mode的緣故，無(wú)法與jQuery 3兼容，

3. 引進(jìn)for...of循環(huán)

jQuery 3支持for...of語(yǔ)句，這是由ECMAScript 6中新引進(jìn)的一種for循環(huán)語(yǔ)句。這提供了對(duì)Arrays，Maps和Sets這樣的可迭代對(duì)象一種更直接的遍歷方法。

在jQuery中，for...of循環(huán)可以取代以前的$.each(...)語(yǔ)法，并且更容易通過(guò)jQuery的元素集合進(jìn)行循環(huán)。

注意：for...of只能在支持ECMAScript 6的環(huán)境下或者使用Babel這樣的JavaScript編譯器下工作。

4. 動(dòng)畫(huà)方面采用新的API

jQuery 3使用requestAnimationFrame() API來(lái)執(zhí)行動(dòng)畫(huà)，使動(dòng)畫(huà)運(yùn)行得更加順暢、快速。新的API只用于支持它的瀏覽器，對(duì)于那些更老的瀏覽器（如IE9）jQuery使用先前的API來(lái)作為顯示動(dòng)畫(huà)的后備方案。

5. 對(duì)包含特殊含義的字符串提供轉(zhuǎn)義的新方法

新的jQuery.escapeSelector()提供了對(duì)在CSS中存在特殊含義的字符串或字符進(jìn)行轉(zhuǎn)義的方法，該方法可使這些字符串或字符能夠繼續(xù)用于jQuery選擇器中，而無(wú)需對(duì)那些無(wú)法進(jìn)行正確理解的JavaScript解釋器進(jìn)行轉(zhuǎn)義。

這個(gè)示例可以讓你更好的了解這個(gè)全新的方法：

舉個(gè)例子，頁(yè)面中某個(gè)ID為“abc.def”的元素由于選擇器將其解析為ID為“abc”且包含一個(gè)名為“def”的類(lèi)的對(duì)象，而無(wú)法被$( "#abc.def" )選定。但是它可以由 $( "#" + $.escapeSelector( "abc.def" ) )來(lái)進(jìn)行選定。

我無(wú)法確定發(fā)生中情況的頻率，但是假如你碰到過(guò)這種類(lèi)似的情況，這無(wú)疑給了你一個(gè)解決該問(wèn)題的簡(jiǎn)單方法。

6. 類(lèi)操作方法支持SVG

不幸的是，jQuery 3現(xiàn)在還無(wú)法完整的支持SVG，但是對(duì)于操作CSS類(lèi)名稱(chēng)的jQuery方法，如.addClass()和.hasClass()現(xiàn)在可以將SVG文檔作為目標(biāo)。這意味著你可以修改（添加、刪除、切換）或者查找SVG（可縮放矢量圖形）下的jQuery類(lèi)，然后使用CSS的類(lèi)樣式。

7. 延遲對(duì)象現(xiàn)在與JS Promises兼容

JavaScript Promises，用于異步計(jì)算的對(duì)象，現(xiàn)在在ECMAScript 6中已經(jīng)被標(biāo)準(zhǔn)化；它們的運(yùn)行狀況和特性的詳細(xì)說(shuō)明參見(jiàn)Promises/A+標(biāo)準(zhǔn)。

在jQuery 3中，延遲對(duì)象已經(jīng)與新的Promises/A+標(biāo)準(zhǔn)相兼容，延遲對(duì)象已經(jīng)成為讓創(chuàng)建回調(diào)隊(duì)列成為可能的可鏈對(duì)象(chainable objects)。

新的特性改變了異步回調(diào)函數(shù)執(zhí)行過(guò)程，Promises允許開(kāi)發(fā)者編寫(xiě)在邏輯上與同步代碼更接近的異步代碼。

8. jQuery.when()對(duì)于多種參數(shù)的不同解讀

$.when()提供了執(zhí)行回調(diào)函數(shù)的一種方法，它成為了jQuery 1.5之后的一部分。這個(gè)方法非常靈活，它適用于零參數(shù)，也適用于一個(gè)或者多個(gè)作為參數(shù)的對(duì)象。

jQuery 3改變了當(dāng)包含$.then()方法時(shí)對(duì)$.when()中參數(shù)的解讀方法，你可以對(duì)$.when()進(jìn)行額外的參數(shù)回調(diào)。

在jQuery 3中，如果你在$.when()中的then()方法內(nèi)增加一個(gè)輸入?yún)?shù)，該參數(shù)將會(huì)被解釋成一個(gè)可與Promise兼容的"thenable"。

這意味著 $.when方法能夠接收更加寬廣的輸入范圍，比如原生的ES6 Promises和Bluebird Promises，這也使得編寫(xiě)更復(fù)雜的異步回調(diào)成為了可能。

9. 新的顯示/隱藏邏輯

為了增加響應(yīng)式設(shè)計(jì)的兼容性，與元素顯示和隱藏的代碼在jQuery 3中進(jìn)行了更新。

從現(xiàn)在開(kāi)始，.show()、.hide()和.toggle()方法將會(huì)以?xún)?nèi)聯(lián)樣式為重點(diǎn)取代以前的計(jì)算樣式，這種方式能夠更尊重樣式列表的改變。

新的代碼盡可能的尊重樣式列表中所呈現(xiàn)的數(shù)值，這意味著CSS規(guī)則可根據(jù)事件（如設(shè)備重新定位和窗口尺寸調(diào)整）進(jìn)行動(dòng)態(tài)改變。

這個(gè)說(shuō)明文件申明了最重要的結(jié)果就是：

“作為結(jié)果，斷開(kāi)連接的元素除非指定了內(nèi)聯(lián)display: none，否則將不再認(rèn)定為是隱藏的。因此，在jQuery 3.0中，.toggle()不再對(duì)斷開(kāi)連接元素與已連接元素進(jìn)行區(qū)分?！?/P>

如果你想要更好的了解關(guān)于全新的顯示/隱藏邏輯，這個(gè)Github discussion會(huì)對(duì)你有幫助。jQuery開(kāi)發(fā)者還發(fā)布了Google文檔表來(lái)展示在不同用例下新規(guī)則的運(yùn)轉(zhuǎn)。

10. 對(duì)于防止XSS攻擊的額外保護(hù)

jQuery 3增加一個(gè)額外的安全層用戶(hù)用于防備跨站點(diǎn)腳本(XSS)攻擊，它需要開(kāi)發(fā)者指定$.ajax()和$.get()方法中的選項(xiàng)為dataType: "script"。

換言之，如果你想要執(zhí)行跨站點(diǎn)的腳本請(qǐng)求，你必須在這些方法中作出這樣的聲明。

新的改變對(duì)于當(dāng)“遠(yuǎn)程站點(diǎn)傳遞非腳本內(nèi)容之后又提供有惡意腳本的服務(wù)內(nèi)容”的情況是非常有效的。這個(gè)變化不會(huì)影響$.getScript()方法，因?yàn)樗鞔_地設(shè)置了dataType: "script"選項(xiàng)。

以上所述是小編給大家介紹的jQuery 3.0十大新特性最終版發(fā)布，希望對(duì)大家有所幫助