【前端工程】框架選型

框架選擇

框架產生的背景

Augular：用於構建清晰簡潔的動態 web 應用。

React: 引入虛擬 dom 解決須要大量 dom 操做的複雜頁面的性能問題。

Vue: 引入虛擬DOM、雙向數據綁定、指令解析等，借鑑了Augular和React的優勢。

對比	Angular	Vue	React
基於組件	擅長	擅長	擅長
依賴標準	Typescript	Es5/Es6	Es6
底層技術	模版	模版+腳步+樣式	jsx
數據綁定	雙向	雙向+單向	單向
支持原生開發	支持（nativescript、inonic）	支持 （weex.js）	支持 (react-native/react-native-renderer)
服務端渲染
學習曲線	陡峭	簡單	中等
優勢	具備構建一個 CRUD 應用時可能用到的全部技術：數據綁定、基本模板指令、表單驗證、路由、深度連接、組件重用、依賴注入	輕量、組件化、漸進式、使用虛擬 dom，diff 算法優化頁面性能。很適合數據不夠複雜的輕應用	單向數據流，數據易管理；使用虛擬 dom，diff 算法優化頁面性能；react 自己庫中內容少，社區具備豐富的組件庫，按需引入第三方庫，開發更靈活。很適合數據多的複雜應用。
缺點	數據變整個 dom 都會被更新，數據越大性能越差。不適合須要頻繁操做 dom 的應用	數據多時，數據流不易維護	不夠輕量
應用場景	用於須要大量 crud 操做的應用	適合頻繁操做 dom 的數據不太複雜的應用	適合 頻繁操做 dom 的數據複雜的應用

Jquery、Angular、Vue、React 如何選擇

以下幾個點來考慮選擇何種框架：

是否能更好的解決業務中的問題

• 是否要輕量（React 比 vue 大，vue 更適合輕量級應用，好比活動頁）
• 是否要簡單
• 是否須要動畫
• 是否須要組件化
• 頁面是否複雜（Vue 性能比 React 更快）
• 是否須要雙向綁定

參考資料

augular 的產生背景

爲何使用 react

三大框架對比

React 與 Vue 比較

現代 js 框架存在的根本緣由