神奇JavaScript框架---Top5
阿新 • • 發佈：2017-06-17
class data- 運行 learn 特性 虛擬 問題 替代 eating 
前言
Polymer
Ember 
Angular
React
Vue.js
前言
- 個人觀點,供您參考
- 觀點源自作者的使用經驗和日常研究
- 排名基於框架的受歡迎度, 語法結構, 易用性等特性
- 希望大家能夠基於此視頻找到最適合自己的框架
- 下面介紹的都是嚴格的前端框架和庫
前言
Top5: Polymer
Polymer是由谷歌Chorme組織內的前端開發團隊領導的一個開源項目, 該項目的口號是: [UseThePlatform]. 團隊相信, 擁抱現代Web平臺是向用戶和開發人員提供應用的最佳方式. 該producer介紹了Polymer的以下特性:
- Web組件:基於W3C標準的Web組件API.
- 使用原生瀏覽器的技術:Web組件內嵌於原生瀏覽器, 所以不需要像jQuery, dojo等第三方庫 ,可以和其他Web組件無縫協作.
- Behaviors:其獨有的Behaviors去分享Web組件和申明其屬性.
- 封裝:能夠將代碼和結構封裝到相同位置.
- 自定義元素:開發人員能夠自定義元素, 添加標簽和屬性
Polymer
Top4: Ember
Ember.js是一款開源的JavaScript MVC框架，用來創建Web應用程序。它免除了樣板文件並提供了一套標準的應用程序架構。 項目口號是:「A framework for creating ambitious web applications」。
- 高效的生產力:其友好的API和符合人體工程學的設計理念, 使得開發人員能夠快速完成構建工作
- 命名約定: Ember通過命名約定這種方式最少的節約代碼的縮寫
- Ember-CLI: 開發Ember應用程序的官方命令行工具包,通過提供您在一個集成包中構建可生產就緒的Web應用程序所需的一切
- 豐富的插件: Ember提供豐富的插件,能夠輕松的在應用程序之間共享通用代碼
- Handlebars集成模板: 能夠在底層數據更改時自動更新, 可以大大減少代碼量
Ember
Top3: Angular
AngularJS最初由Misko Hevery 和Adam Abrons於2009年開發，後來成為了Google公司的項目。AngularJS彌補了HTML在構建應用方面的不足，其通過使用標識符（directives）結構，來擴展Web應用中的HTML詞匯，使開發者可以使用HTML來聲明動態內容，從而使得Web開發和測試工作變得更加容易.
- 全功能框架:具有HTML模塊, 其特有的模塊化, 自動化雙向數據綁定, 語義化標簽, 依賴註入等屬性. 特別適合重量級的應用開發.
- 十分流行:首先它由Google維護. 其次是因為Angular是MEAN全堆棧的一部分
- Angular CLI : 只需要掌握幾條命令就可以構建Angular項目
- TypeScript: Angular默認使用的TypeScript寫,對喜歡TypeScript的開發者更加友好.
- 使用Ionic框架: Ionic框架被用來建立Hybrid App, 是目前最有潛力的一款HTML5手機應用開發框架.
Angular
Top2: React
React 起源於 Facebook 的內部項目, 近年來,React從最早的UI引擎變成了一整套前後端通吃的 Web App 解決方案. React的理念是:[ Learn once, write everywhere]
- 輕量&高效: 和Angular不同,React並不是全功能框架, 所以比較輕量. 虛擬DOM也使得擁有很好的性能表現.
- 十分火: 可以替代Angular成為MERN全堆棧的一部分.
- Flux&Redux: 雖然React在視圖層中運行,但是也可以使用Flux和Redux
- 創造響應式應用:React提供了響應式的視圖組件和自有的命令行
- 移動端應用:Producer認為React是最好用的搭建移動端應用的框架
React
Top1: Vue.js
Vue.js是一種漸進式的JavaScript框架. 與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計.Vue 的核心庫只關註視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合.
- 簡單: 比較其他框架,有著更友善的學習曲線, 只有使用者有基本的HTML和JavaScript知識, 都可以學習使用Vue
- 靈活 & 生產性高: 在Vue2.0版本中添加了模板功能,其簡單小巧的核心,漸進式的技術棧,可以應付所有應用.
- 速度快: Vue的虛擬DOM優化很好,速度十分的快,特別適合開發要求比較高的數據可視化和動畫的應用中.
- v-model & 2 way data binding: 可以使用v-model和2 way model進行數據綁定
- Vue-CLI:Vue有自己的命令行,部署Vue比Angular簡單很多.
Vue.js
學習過程中遇到什麽問題或者想獲取學習資源的話，歡迎加入學習交流群
343599877，我們一起學前端！
神奇JavaScript框架---Top5