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

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

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

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

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

第四種，就是加載器串聯(lián)起來的框架，它都有復(fù)數(shù)個javascript文件，每個javascript文件都以固定規(guī)則編寫。其中，最著名的莫過于AMD。模塊化是javascript走向工業(yè)化的標(biāo)志，“要編寫復(fù)雜軟件有不至于一派涂地的唯一方法，就是定義清晰的接口，把若干模塊組合起來，如此一來，多數(shù)問題只會出現(xiàn)在局部，那么還有希望對局部進(jìn)行改進(jìn)和優(yōu)化，而不至于牽動全身。”許多企業(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框架類庫的模塊劃分主要依據(jù)在github的源代碼，基本上都是一個模塊一個javascript文件，jQuery一開始專注于DOM操作的思路一開始就是對的，以后不斷在兼容性上，性能上進(jìn)行改進(jìn)，經(jīng)過多年發(fā)展，jQuery龐大的插件與完善的BUG提交渠道，使得自身不斷完善

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

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

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

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

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

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

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

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

最新評論