05 JavaScript框架彙總

本文總結常用JavaScript框架,持續更新中

目錄

框架定義

“框架”指一套包含工具、函數庫、約定,以及嘗試從常用任務中抽象出可以複用的通用模塊,目標是使開發人員把重點放在任務項目所特有的方面,避免重複開發。

爲什麼使用JS框架

JavaScript 框架或庫是一組能輕鬆生成跨瀏覽器兼容的 JavaScript 代碼的工具和函數。每一個庫都在衆多流行的 Web 瀏覽器的現代版本上進行了可靠的測試。框架極大地簡化了開發進程,並帶來一致、可靠,以及高度交互性的用戶界面。

JS框架分類

  • JavaScript庫
    解決瀏覽器兼容性問題,快速開發Web應用,豐富UI效果
  • 跨瀏覽器RIA(Rich Internet Application)框架
    類桌面應用
  • 移動網絡應用APP框架
    爲移動設備而設計,基於HTML5和CSS3

常見JS框架

JQery

由John Resig創建,其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。它是輕量級的JS庫(壓縮後只有21k),同時兼容CSS3和各種瀏覽器。

YUI DOM

Prototype

它是一個面向對象的JavaScript框架,封裝並簡化和擴展一些
在Web開發過程中常用到JavaScript方法與Ajax交互處理過程。

Mootools

MooTools 是一個簡潔,模塊化,面向對象的JavaScript框架。

ExtJS

ExtJS是一個跨瀏覽器,用於開發RIA應用的JS框架。

Mochikit

MochiKit 是一種有用的高端 JavaScript 庫。

Dojo

Dojo 是一個強大的面向對象JavaScript框架。

Kissy

KISSY 是一個小巧靈活、簡潔實用的 UI 類庫。

Como Js

Como JS是一款代碼簡易而功能強大的Javascript框架,能
夠異步按需加載js和css文件,增強page的加載速度。

Jet

Jet適用於Web Page和Web App開發。

JavaScriptMVC

JavaScriptMVC是一個功能強大的JavaScript framework,也是一個很棒的JavaScript測試框架。

Qooxdoo

Qooxdoo是一個 Ajax 應用框架使用基於面向對象JavaScript。

SproutCore

SproutCore蘋果對SproutCore的解釋爲“開源,平臺無關,類Cocoa的JavaScript框架,用於創建具有桌面應用程序外觀和操作感的Web應用程序”。

Sencha Touch

Sencha Touch可以讓你的Web App看起來像Native App。

IUI

IUI 包含一套 JavaScript 庫,CSS 式樣表及圖片,是一個輕量級 iPhone UI 庫,可以爲你的 Web 程序帶來 iPhone 般的體驗。

JS框架使用比例

在這裏插入圖片描述

怎麼選擇一款JS框架

  • 你的項目需求
  • 框架支持A級瀏覽器嗎
  • 是否利於團隊協作開發
  • 框架是否成熟
  • 文檔是否健全
  • 社區支持是否充足
  • 框架的擴展性如何
  • 你是否喜歡API的風格
  • 代碼執行速度性能如何
  • 代碼是否爲模塊化
  • 代碼可重用性如何

如何去寫一款框架

  • 寫一個穩定的API
  • 一個命名空間
  • 不要擴展原生的對象
  • 代碼要容易被擴展
  • 處理好瀏覽器兼容性問題
  • 寫好文檔
  • 測試你的框架

寫適合自己的框架

  • 分析業務需求
  • 如何組織框架
  • 實現底層庫
  • 實現UI庫
  • 實現擴展機制
  • 兼容其它類庫
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章