剛初學(xué)js時(shí)，總會(huì)聽(tīng)到關(guān)于框架的一些事情。等學(xué)完JQ后我才知道什么是框架。一下是轉(zhuǎn)載的一篇文章，希望對(duì)還迷茫的童鞋們有點(diǎn)幫助。

什么是 JavaScript 框架？

JavaScript 本身就是一種功能強(qiáng)大的語(yǔ)言，您不需要額外的框架就可創(chuàng)建富互聯(lián)網(wǎng)應(yīng)用程序（RIA）。然而使用 JavaScript 并不是件容易的事，主要是由于支持多個(gè) Web 瀏覽器產(chǎn)生的復(fù)雜性。與 HTML 和 CSS一樣，不同的瀏覽器有不同的 JavaScript 實(shí)現(xiàn)。讓 JavaScript 代碼實(shí)現(xiàn)跨瀏覽器兼容簡(jiǎn)直是個(gè)噩夢(mèng)。

JavaScript 框架或庫(kù)是一組能輕松生成跨瀏覽器兼容的 JavaScript 代碼的工具和函數(shù)。每一個(gè)庫(kù)都在眾多流行的 Web 瀏覽器的現(xiàn)代版本上進(jìn)行了可靠的測(cè)試，因此，您可以放心地使用這些框架，您的基于 JavaScript 的 RIA 將會(huì)在不同瀏覽器和平臺(tái)上以類似的方式工作。

除了解決跨瀏覽器問(wèn)題，使用 JavaScript 框架可以更容易地編寫檢索、遍歷、操作 DOM 元素的代碼。它們不僅提供獲取 DOM 元素引用的快捷函數(shù)，而且還允許 DOM 遍歷函數(shù)以菊花鏈（daisy-chaining）方式查找任意深度的父元素、子元素、兄弟元素。最后，框架還提供一系列函數(shù)來(lái)更輕松地操作這些對(duì)象，可以改變、添加或刪除內(nèi)容本身；或者使用 CSS 樣式類來(lái)改變?cè)氐耐庥^。

框架的另一重要特性是其改進(jìn)的事件處理支持。由于不同瀏覽器的實(shí)現(xiàn)方式各不相同，跨瀏覽器事件處理將會(huì)非常艱難。因此 JavaScript 框架通常封裝瀏覽器事件，并提供一組有用的跨瀏覽器兼容的函數(shù)來(lái)進(jìn)行處理。有些框架還會(huì)提供一組標(biāo)準(zhǔn)鍵盤代碼來(lái)表示基于鍵盤的事件（如按下 Escape 鍵、Return 鍵、光標(biāo)鍵，等等）。

所有這些特性都非常有用，但 JavaScript 框架有一個(gè)特性對(duì)于它最近的流行非常重要 — 支持 Ajax。與 JavaScript 的其他許多方面一樣，每個(gè) Web 瀏覽器往往以不同方式支持 Ajax，這使得以一種在所有 Web 瀏覽器中都受支持的方式處理 Ajax 變得十分復(fù)雜。幾乎所有 JavaScript 框架都包含某種形式的 Ajax 庫(kù)支持，通常提供 Ajax 請(qǐng)求和響應(yīng)對(duì)象，以及用于評(píng)價(jià)響應(yīng)、更新 DOM 元素、查詢特定請(qǐng)求的幫助函數(shù)（helper）。

JavaScript 框架的典型特性

現(xiàn)在，讓我們看一看大多數(shù) JavaScript 框架都具備的有用特性。包括：

1.選擇器（Selector）
2.DOM 遍歷
3.DOM 操作
4.實(shí)用（Utility）函數(shù)
5.事件處理Ajax

在解釋每個(gè)特性時(shí)，我將會(huì)用以下的一個(gè)或幾個(gè) JavaScript 框架舉例說(shuō)明：Prototype、jQuery、YUI、ExtJS 和 MooTools。盡管每個(gè)框架的實(shí)現(xiàn)和語(yǔ)法都各不相同，但概念都是相同的。每個(gè)框架都有一個(gè)詳細(xì)的 API 參考，可幫助您理解如何使用該特定庫(kù)中的特性。

最新評(píng)論