神奇JavaScript架構---Top5

標籤：整合   資料視覺效果   速度   cli   功能   模組化   str   pac   平台   

前言

1. 個人觀點,供您參考
2. 觀點源自作者的使用經驗和日常研究
3. 排名基於架構的受歡迎度, 文法結構, 易用性等特性
4. 希望大家能夠基於此視頻找到最適合自己的架構
5. 下面介紹的都是嚴格的前端架構和庫

前言Top5: Polymer

Polymer是由GoogleChorme組織內的前端Team Dev領導的一個開源項目, 該項目的口號是: [UseThePlatform]. 團隊相信, 擁抱現代Web平台是向使用者和開發人員提供應用的最佳方式. 該producer介紹了Polymer的以下特性:

1. Web組件:基於W3C標準的Web組件API.
2. 使用原生瀏覽器的技術:Web組件內嵌於原生瀏覽器, 所以不需要像jQuery, dojo等第三方庫 ,可以和其他Web組件無縫協作.
3. Behaviors:其專屬的Behaviors去分享Web組件和申明其屬性.
4. 封裝:能夠將代碼和結構封裝到相同位置.
5. 自訂元素:開發人員能夠自訂元素, 添加標籤和屬性

PolymerTop4: Ember

Ember.js是一款開源的JavaScript MVC架構，用來建立Web應用程式。它免除了樣板檔案並提供了一套標準的應用程式架構。 項目口號是:「A framework for creating ambitious web applications」。

1. 高效的生產力:其友好的API和符合人體工程學的設計理念, 使得開發人員能夠快速完成構建工作
2. 命名規範: Ember通過命名規範這種方式最少的節約代碼的縮寫
3. Ember-CLI: 開發Ember應用程式的官方命令列工具包,通過提供您在一個整合套件中構建可生產就緒的Web應用程式所需的一切
4. 豐富的外掛程式: Ember提供豐富的外掛程式,能夠輕鬆的在應用程式之間共用通用代碼
5. Handlebars整合模板: 能夠在底層資料更改時自動更新, 可以大大減少代碼量

EmberTop3: Angular

AngularJS最初由Misko Hevery 和Adam Abrons於2009年開發，後來成為了Google公司的項目。AngularJS彌補了HTML在構建應用方面的不足，其通過使用標識符（directives）結構，來擴充Web應用中的HTML詞彙，使開發人員可以使用HTML來聲明動態內容，從而使得Web開發與測試工作變得更加容易.

1. 全功能架構:具有HTML模組, 其特有的模組化, 自動化雙向資料繫結, 語義化標籤, 依賴注入等屬性. 特別適合重量級的應用開發.
2. 十分流行:首先它由Google維護. 其次是因為Angular是MEAN全堆棧的一部分
3. Angular CLI : 只需要掌握幾條命令就可以構建Angular項目
4. TypeScript: Angular預設使用的TypeScript寫,對喜歡TypeScript的開發人員更加友好.
5. 使用Ionic架構: Ionic架構被用來建立Hybrid App, 是目前最有潛力的一款HTML5手機應用開發架構.

AngularTop2: React

React 起源於 Facebook 的內部項目, 近年來,React從最早的UI引擎變成了一整套前後端通吃的 Web App 解決方案. React的理念是:[ Learn once, write everywhere]

1. 輕量&高效: 和Angular不同,React並不是全功能架構, 所以比較輕量. 虛擬DOM也使得擁有很好的效能表現.
2. 十分火: 可以替代Angular成為MERN全堆棧的一部分.
3. Flux&Redux: 雖然React在視圖層中運行,但是也可以使用Flux和Redux
4. 創造響應式應用:React提供了響應式的視圖組件和自有的命令列
5. 移動端應用:Producer認為React是最好用的搭建移動端應用的架構

ReactTop1: Vue.js

Vue.js是一種漸進式的JavaScript架構. 與其他重量級架構不同的是,Vue 採用自底向上漸進式開發的設計.Vue 的核心庫只關注視圖層,它不僅易於上手,還便於與第三方庫或既有項目整合.

1. 簡單: 比較其他架構,有著更友善的學習曲線, 只有使用者有基本的HTML和JavaScript知識, 都可以學習使用Vue
2. 靈活 & 生產性高: 在Vue2.0版本中添加了模板功能,其簡單小巧的核心,漸進式的技術棧,可以應付所有應用.
3. 速度快: Vue的虛擬DOM最佳化很好,速度十分的快,特別適合開發要求比較高的資料視覺效果和動畫的應用中.
4. v-model & 2 way data binding: 可以使用v-model和2 way model進行資料繫結
5. Vue-CLI:Vue有自己的命令列,部署Vue比Angular簡單很多.

Vue.js

學習過程中遇到什麼問題或者想擷取學習資源的話，歡迎加入學習交流群
343599877，我們一起學前端！

神奇JavaScript架構---Top5