詳解一個JavaScript框架--Top5

前言

1. 個人觀點,供您參考

2. #觀點源自作者的使用經驗與日常研究

3. #排名基於框架的受歡迎度, 語法結構, 易用性等特性

4. #希望大家能夠基於此影片找到最適合自己的框架

5. 下面介紹的都是嚴格的前端框架與函式庫

前言

# Top5: Polymer

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

1. Web元件:基於W3C標準的Web元件API.

2. 使用原生瀏覽器的技術:Web元件內嵌於原生瀏覽器, 所以不需要像jQuery, dojo等第三方函式庫,可以和其他網頁元件無縫協作.

3. ##Behaviors :其獨有的Behaviors去分享Web元件和申明其屬性.

4. #封裝:能夠將程式碼和結構封裝到相同位置.

5. 自訂元素:開發人員能夠自訂元素, 新增標籤和屬性

#Polymer

Top4: Ember

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

1. 高效的生產力:其友善的API和符合人體工學的設計理念, 使得開發人員能夠快速完成構建工作

2. 命名約定: Ember透過命名約定這種方式最少的節約程式碼的縮寫

3. Ember-CLI: 開發Ember應用程式的官方命令列工具包,透過提供您在一個整合包中建立可生產就緒的網路應用程式所需的一切

4. 豐富的外掛程式: Ember提供豐富的外掛程式,能夠輕鬆的在應用程式之間共享通用程式碼

5. Handlebars整合範本: 能夠在底層資料變更時自動更新, 可以大幅減少程式碼量

##Ember

#Top3: Angular

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

全功能框架:具有HTML模組, 其特有的模組化, 自動化雙向資料綁定, 語意化標籤, 依賴注入等屬性. 特別適合重量級的應用開發.
十分流行:首先它由Google維護. 其次是因為Angular是MEAN全堆疊的一部份

2. ##Angular CLI : 只需要掌握幾個指令就可以建構Angular專案

3. TypeScript: Angular預設使用的TypeScript寫,對喜歡TypeScript的開發者更友善.

4. 使用Ionic框架: Ionic框架被用來建立Hybrid App, 是目前最有潛力的一款HTML5手機應用開發框架.

Angular

Top2: React

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

#輕量級&高效: 和Angular不同,React並不是全功能框架, 所以比較輕量級. 虛擬DOM也使得擁有很好的效能表現.

1. 十分火: 可以取代Angular成為MERN全堆疊的一部份.

2. Flux&Redux: 雖然React在視圖層中運行,但是也可以使用Flux和Redux

3. 創造響應式應用程式:React提供了響應式的視圖元件和自有的命令列

4. ##行動端應用:Producer認為React是最好用的建置行動端應用的框架

React

#############React######

Top1: 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

學習過程中遇到什麼問題或想獲取學習資源的話，歡迎加入學習交流群組

#

以上是詳解一個JavaScript框架--Top5的詳細內容。更多資訊請關注PHP中文網其他相關文章！