從內(nèi)部架構(gòu)和理念劃分，目前JavaScript框架可以劃分為5類。

第一種是以命名空間為導(dǎo)向的類庫(kù)或框架，如果創(chuàng)建一個(gè)數(shù)組用new Array(),生成一個(gè)對(duì)象用new Object(),完全的java風(fēng)格，因此，我們以某一對(duì)象為跟，不斷為它添加對(duì)象和二級(jí)對(duì)象屬性來(lái)組織代碼，如金字塔般壘起來(lái)，早期代表YUI，EXT（so,不是有活力的公司都還用它們）

第二種是以類工廠為導(dǎo)向的框架。著名的有Prototype,還有mootools、Base2、Ten，它們基本上除了最基本的命名空間，其它模塊都是一個(gè)由類工廠衍生出來(lái)的類對(duì)象。尤其mootools1.3把所有類型都封裝成Type類型。

第三種，就是以jQuery為代表的以選擇器為導(dǎo)向的框架，整個(gè)框架或庫(kù)主體是一個(gè)特殊的類數(shù)組對(duì)象，方便集化操作（因?yàn)檫x擇器一下子選擇到了N個(gè)元素節(jié)點(diǎn)），于是一并處理了。jQuery有幾樣了不起的東西：

“無(wú)new實(shí)例化”技術(shù)，$( expr )就是返回一個(gè)實(shí)例，不需要顯式的new出來(lái)；
get first set all訪問(wèn)規(guī)則;
數(shù)據(jù)緩存系統(tǒng)。這樣就可以賦值節(jié)點(diǎn)事件了。
IIFE也被發(fā)掘出來(lái)

第四種，就是加載器串聯(lián)起來(lái)的框架，它都有復(fù)數(shù)個(gè)javascript文件，每個(gè)javascript文件都以固定規(guī)則編寫。其中，最著名的莫過(guò)于AMD。模塊化是javascript走向工業(yè)化的標(biāo)志，“要編寫復(fù)雜軟件有不至于一派涂地的唯一方法，就是定義清晰的接口，把若干模塊組合起來(lái)，如此一來(lái)，多數(shù)問(wèn)題只會(huì)出現(xiàn)在局部，那么還有希望對(duì)局部進(jìn)行改進(jìn)和優(yōu)化，而不至于牽動(dòng)全身?！痹S多企業(yè)內(nèi)部框架都基本采取這種架構(gòu)，如Dojo,YUI，Kissy,qwrap,mass,(requirejs,Seajs)等.

第五種，就是具有明確的分層構(gòu)架的MV*,首先是javascript MVC,(現(xiàn)在叫Canjs)、backbone.js和spinejs,然后更符合前端實(shí)際的MVVM框架，如，knockout,emberm,angular,avalon,winjs。在MVVM框架中，原有的DOM操作被聲明式綁定取代了，由框架自由處理，用戶只專注于業(yè)務(wù)代碼。

javascript框架的主要功能

jQuery框架類庫(kù)的模塊劃分主要依據(jù)在github的源代碼，基本上都是一個(gè)模塊一個(gè)javascript文件，jQuery一開(kāi)始專注于DOM操作的思路一開(kāi)始就是對(duì)的，以后不斷在兼容性上，性能上進(jìn)行改進(jìn)，經(jīng)過(guò)多年發(fā)展，jQuery龐大的插件與完善的BUG提交渠道，使得自身不斷完善

Prototype.js早期的王者，它劃分為四個(gè)部分。

語(yǔ)言擴(kuò)展
DOM擴(kuò)展
Ajax部分
廢棄部分，新版本用其他方法實(shí)現(xiàn)原有功能

Prototype.js的語(yǔ)言擴(kuò)展覆蓋面很廣，包括基本數(shù)據(jù)類型和從語(yǔ)言借鑒過(guò)來(lái)的“類”。其中，Enumerable只是一個(gè)普通的方法包，ObjectRange、PeriodicalExecuter、Templat則是用Class類工廠生產(chǎn)出來(lái)的（來(lái)自社區(qū)貢獻(xiàn)）。

mootools由于API設(shè)計(jì)的非常優(yōu)雅，其官方網(wǎng)站上有很多優(yōu)質(zhì)插件，才沒(méi)有在原型擴(kuò)展的反對(duì)浪潮中沒(méi)落。

Rightjs：又一個(gè)在原型擴(kuò)展上的框架，MochiKit 一個(gè)Python風(fēng)格的框架，十分獨(dú)到，能進(jìn)框架前十。
Ten：日本著名博客社區(qū) Hatena的Javascript框架，amachang開(kāi)發(fā)，受Prototype.js影響，是最早以空間命名的框架典范；mass Framework：一個(gè)以大模塊開(kāi)發(fā)為目標(biāo)，jQuery式的框架。

經(jīng)過(guò)細(xì)節(jié)的比較，我們很容易得出以下框架特征的結(jié)論

對(duì)基本數(shù)據(jù)的操作是基礎(chǔ)，如jQuery提供的trim camelCase each map等方法，Prototype.js等入侵式框架則在原型上添加camelize等方法
類型的判定比不可少，常見(jiàn)的形式是jsXXX系列
選擇器，domReady Ajax是現(xiàn)代框架的標(biāo)配
DOM操作是重中之重，節(jié)點(diǎn)的遍歷，樣式操作，屬性操作也屬于它的范疇
現(xiàn)在主流的事件系統(tǒng)都支持事件代理
數(shù)據(jù)的緩存與處理，目前瀏覽器也支持data-屬性進(jìn)行操作，但不好用，需要框架封裝
動(dòng)畫引擎
插件的易開(kāi)發(fā)和擴(kuò)展性
提供諸如Deferred這樣處理異步的解決方案
即使不專門提供一個(gè)類工廠，也應(yīng)該存在一個(gè)名為extend或mixin的方法對(duì)對(duì)象進(jìn)行擴(kuò)展。jQuery雖然沒(méi)有類工廠，但在jQuery UI中也不得不增加一個(gè)，可見(jiàn)其重要性。
自從jQuery出來(lái)一個(gè)名為noConflict的方法，新興的框架都帶此方法，以求狹縫中生存。
許多框架非常重視Cookie操作。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

最新評(píng)論