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

什么是 JavaScript 框架？

JavaScript 本身就是一種功能強(qiáng)大的語言，您不需要額外的框架就可創(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)跨瀏覽器兼容簡直是個(gè)噩夢。

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

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

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

所有這些特性都非常有用，但 JavaScript 框架有一個(gè)特性對于它最近的流行非常重要 — 支持 Ajax。與 JavaScript 的其他許多方面一樣，每個(gè) Web 瀏覽器往往以不同方式支持 Ajax，這使得以一種在所有 Web 瀏覽器中都受支持的方式處理 Ajax 變得十分復(fù)雜。幾乎所有 JavaScript 框架都包含某種形式的 Ajax 庫支持，通常提供 Ajax 請求和響應(yīng)對象，以及用于評價(jià)響應(yīng)、更新 DOM 元素、查詢特定請求的幫助函數(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 框架舉例說明：Prototype、jQuery、YUI、ExtJS 和 MooTools。盡管每個(gè)框架的實(shí)現(xiàn)和語法都各不相同，但概念都是相同的。每個(gè)框架都有一個(gè)詳細(xì)的 API 參考，可幫助您理解如何使用該特定庫中的特性。

最新評論