javascript框架設計框架分類及主要功能_javascript技巧

從內部架構和理念劃分，目前JavaScript框架可以分割為5個類別。

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

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

第三種，就是以jQuery為代表的以選擇器為導向的框架，整個框架或庫主體是一個特殊的類數組對象，方便集化操作（因為選擇器一下子選擇到了N個元素節點），於是一併處理了。 jQuery有幾樣了不起的東西：

「無new實例化」技術，$( expr )就是回傳一個實例，不需要明確的new出來；
get first set all存取規則;
資料緩存系統。這樣就可以賦值節點事件了。
IIFE也被發掘出來

第四種，就是載入器串聯起來的框架，它都有複數個javascript文件，每個javascript文件都以固定規則寫。其中，最有名的莫過於AMD。模組化是javascript走向工業化的標誌，「要編寫複雜軟體有不至於一派塗地的唯一方法，就是定義清晰的接口，把若干模組組合起來，如此一來，多數問題只會出現在局部，那麼還有希望對局部進行改進和優化，而不至於牽動全身。

第五種，就是具有明確的分層架構的MV*,首先是javascript MVC,(現在叫Canjs)、backbone.js和spinejs,然後更符合前端實際的MVVM框架，如，knockout,emberm,angular,avalon,winjs。在MVVM框架中，原有的DOM操作被聲明式綁定取代了，由框架自由處理，使用者只專注於業務程式碼。

javascript框架的主要功能

jQuery框架類別庫的模組劃分主要依據在github的源代碼，基本上都是一個模組一個javascript文件，jQuery一開始專注於DOM操作的思路一開始就是對的，以後不斷在兼容性上，效能上進行改進，經過多年發展，jQuery龐大的插件與完善的BUG提交管道，使得自身不斷完善

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

語言擴充

DOM擴充
Ajax部分
廢棄部分，新版本用其他方法實現原功能

Prototype.js的語言擴充覆蓋率很廣，包括基本資料型別和從語言借鏡過來的「類別」。其中，Enumerable只是一個普通的方法包，ObjectRange、PeriodicalExecuter、Templat則是用Class類工廠生產出來的（來自社群貢獻）。

mootools由於API設計的非常優雅，其官方網站上有很多優質插件，才沒有在原型擴展的反對浪潮中沒落。

Rightjs：又一個在原型擴充上的框架，MochiKit 一個Python風格的框架，十分獨到，能進框架前十。 Ten：日本著名部落格社群Hatena的Javascript框架，amachang開發，受Prototype.js影響，是最早以空間命名的框架典範；
mass Framework：一個以大模組開發為目標，jQuery式的框架。

經過細節的比較，我們很容易得到以下框架特徵的結論

对基本数据的操作是基础，如jQuery提供的trim camelCase each map等方法，Prototype.js等入侵式框架则在原型上添加camelize等方法
类型的判定比不可少，常见的形式是jsXXX系列
选择器，domReady Ajax是现代框架的标配
DOM操作是重中之重，节点的遍历，样式操作，属性操作也属于它的范畴
现在主流的事件系统都支持事件代理
数据的缓存与处理，目前浏览器也支持data-属性进行操作，但不好用，需要框架封装
动画引擎
插件的易开发和扩展性
提供诸如Deferred这样处理异步的解决方案
即使不专门提供一个类工厂，也应该存在一个名为extend或mixin的方法对对象进行扩展。jQuery虽然没有类工厂，但在jQuery UI中也不得不增加一个，可见其重要性。
自从jQuery出来一个名为noConflict的方法，新兴的框架都带此方法，以求狭缝中生存。
许多框架非常重视Cookie操作。

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