JQuery
JQuery是一個優秀的JavaScript框架
JQuery宗旨是Write Less Do More
JQuery是輕量級的js庫
特點
- 輕量級的JavaScript框架
- 豐富的DOM選擇器
- 鏈式表達式
- 支持事件、樣式、動畫
- 支持Ajax操作
- 跨瀏覽器兼容
- 插件擴展開發(豐富的第三方插件)
- 可擴展性強(提供擴展接口)
優點
- 實現腳本與頁面分離
- 最少的代碼做最多的事情
- 性能支持比較好
缺點
- 插件沖突
- 不能向后兼容
Zepto.js
針對移動端瀏覽器
- 輕量級的JavaScript庫
- 兼容JQuery的API
- 增加了移動設備的觸摸等事件
- 不支持IE瀏覽器
Bootstrap
用於開發響應式布局、移動設備優先的web項目
特點
- 預處理腳本
- 一個框架、多種設備
- 特性齊全
優點
- 比較成熟
- 擁有完善的文檔
- 有大量的組件樣式
缺點
- 有需求要重新定義樣式
- 會有兼容問題
vue.js
是一套用於構建用戶界面的漸進式框架
特性
- 輕量級的框架
- 雙向數據綁定
- 指令
- 插件化
優點
- 簡單易用
- 靈活漸進式
- 輕量高效
- MVVM
- 組件化
缺點
- 不支持IE8
- 生態環境不如angular和react
組件化優點
- 提高開發效率
- 方便重復使用
- 簡化調試步驟
- 提升整個項目的可維護性
- 便於協同開發
react
優點
- 速度很快(不直接對DOM進行操作)
- 跨瀏覽器兼容(虛擬DOM)
- 一切都是component:(代碼更加模塊化,重用代碼更容易,可維護性高)
- 單向數據流(Flux是一個用於在JavaScript應用中創建單向數據層的架構,它隨着React視圖庫的開發而被Facebook概念化)
- 同構、純粹的JavaScript(有助於搜索引擎優化)
- 兼容性好
缺點
- 不適合單獨做一個完整的框架
電腦刺綉綉花廠 http://www.szhdn.com 廣州品牌設計公司https://www.houdianzi.com
AngularJs
通過指令擴展了html,通過表達式綁定數據到html
優點
- 雙向數據綁定
- 代碼模塊化(每個模塊的代碼獨立擁有自己的作用域,model,controller等)
- 強大的directive可以將很多功能封裝成HTML的tag,屬性或者注釋等(大大美化了HTML的結構,增強了可閱讀性)
- 依賴注入(提高重用性和靈活性)
缺點
- 驗證功能錯誤信息顯示比較薄弱,需要寫很多模板標簽
- 升級后可能會導致一個兼容性的BUG
- ng提倡在控制器里面不要有操作DOM的代碼,對於一些jQuery插件的使用,如果想不破壞代碼的整潔性,需要寫一些directive去封裝插件,現在有很多插件的版本已經支持Angular了
- 比較笨重,沒有輕量級的版本