一、出發點
隨著web技術的不斷發展，前端架構
框架、ui框架、構建工具、
css預處理等
層出不窮，各有千秋
。太多的框架在形成初期，都曾在web領域
掀起過一場技術浪潮，可有些卻僅僅是曇花一現，隨著他們使用者量的逐漸減少，社群也越來越不活躍。如：
meteor
、backbone
、ember
、knockout
。不禁感嘆技術的更新換代來的太突然。為了追趕技術更新的腳步，保證技術實施的高效能，強相容性，並且不會再短時間內被時代所遺棄。以下為目
前常見的主流技術參考，根據
github
關注度排名：
架構框架
框架名技術支援
思想針對性
react
虛擬dom
，單項資料流
高效建立互動式元件
angularjs
雙向資料繫結，指令
結構化vue
evan you（尤雨溪）
輕量級angularjs
更加簡潔更易理解
構建工具
工具名技術支援
思想針對性
webpack
tobias koppers
模組化處理
web模組化
gulp
/基於流的自動化構建
web流程化
grunt
/自動化構建
自動化構建
css預處理
處理器名
技術支援
思想易用性
sass
/基於ruby
具備程式設計模式
***less
/動態化css
*****
二、專案需求
略三、參考點
1.框架自身a.是否成熟
b.架構和模式
c.生態系統
react毫無疑問是現在最熱門的前端框架，react目前屬於快速發展階段，是否成熟還需時間的考量。由於
react
的設計思想極其獨特，屬於革
命性創新，效能出眾，**邏輯卻非常簡單。所以，越來越多的人開始關注和使用，認為它可能是將來
web
開發的主流工具。
angular提供了一系列健壯的功能，以及將**隔離成模組的方法，這對提高可復用性、可維護性和可測試性都是非常有益的。它的核心功能包
括mvc、模組化、自動雙向資料繫結、語義化標籤、依賴注入等等。
angular
在從開源社群火起來就一直存在於人們的視線中，超前的設計理念，強大
的生態系統，讓他一直揚帆於
web框架的浪潮中，穩步前行。
vue的作者是位中國人，雖然vue屬於個人專案，但在簡潔、輕量、快速、資料驅動、模組友好、元件化等方面是不輸於
angularjs
的，這是因為
vue基本是在
angular
的設計思想上實現的庫而非框架。說起
vue不得不談到它的小巧，小巧的一種好處就是可以讓使用者更自由的選擇相應的解決方案，在配合
其他庫方面它給了使用者更大的空間。
vue雖然小巧，但是「麻雀雖小五臟俱全」，在構建大型應用的時候也是得心應手。並且近幾年來
vue得到了國內外多
數公司的認可，社群生態系統也日趨完善。
2.專案契合b.是否能滿足需求
c.是否適合專案
react對於資料邏輯方面需要操心的更少了，可以直接
全量賦值
。通過虛擬dom，進行
dom區域性更新這一點很吸引人，省去前端對資料邏輯的判斷
和操作。
react
目前我感覺優勢在於
native
相關，未來大有可玩。單純的
web專案的話，學習成本相對
vue來說還是很高的，
react
只是view
還需要配合其他類
flux
的框架開發。最後，使用場景上來說：
react
配合嚴格的
flux
架構，適合超大規模多人協作的複雜專案。
angular允許你構建功能強大且易於理解和維護的機構化應用程式，angular是乙個為動態
web應用設計的結構化框架，提供給大家一種新的開發應
用方式，這種方式可以讓你擴充套件
html
的語法，以彌補在構建動態
web應用時靜態語言所體現的不足。
angular
的結構化就是講究責任分離，這樣**才好理
解，維護和測試。
vue體積小，介面靈活，侵入性好，可用於頁面的一部分，而不是整個頁面。擴充套件性好，原始碼規範簡潔。更適合手機端的web開發，是宣告式開發，
效能高於
angular
，體積小很多。社群生態正在逐步完善，用的人相對較少，網上的資料也不多，出了問題的解決成本高。
四、決策目的
基於參考點及專案需求擇優以上web端常用工具及架構框架，
ui框架可根據相容性、易用性、及熟練程度選擇。
五、可選方案
web技術選型
編號框架名
構建工具
css預處理器評分1
angular
gulp/webpack
less
*****
2react+flux
webpack/gulp+webpack
less
***3
vuegulp/webpack
less
**
六、結論
vue相比於
angular.js
，vue.js
提供了更加簡潔、更易於理解的
api，使得我們能夠快速地上手並使用
vue.js
。但是從另一方面來看它卻顯得毫無新意，甚
至有點蒼白無力。
angularjs
非常結構化，大而全，雖然臃腫，但是成熟穩定。
react
在我看來並不是乙個框架，而是一種設計思想。並且它的這種思想非常
空前，甚至可以移植到任何乙個框架上，所以
react
和以上框架並無可比性，
react
所引領和激發的一系列開發思想，在
react
生態圈頗有些百家爭鳴的感覺，
各種新玩法層出不窮，所謂
任重而道遠
，我認為對於react還是靜觀其變才好。
這裡不過多評價前端自動化構建工具和css預處理器，因為這些僅僅是工具，完全可以不使用或者選擇性搭配使用。只要能幫助我們簡明、清晰、快速
的搭建web
應用就足夠了。
以上提到的
3個框架，有種三分天下的感覺。
綜上，沒有萬能的框架，更沒有萬能的技術，最適合的才是最好的。
這些只是我個人的片面的看法，希望大家有好的見解及時幫我提出來，我會在部落格
中第一時間修改。謝謝大家！
前端技術選型思考
我們在做前端專案開發時，都不可避免地要思考選型問題，即用什麼技術開發我們的應用。以下是本人的一些思考，歡迎補充。我的專案需求是怎樣的？不同需求的專案適合不同的技術棧。傳統的多頁應用你不會選擇react作為前端框架，單頁應用使用jquery來做也變得非常困難，所以不同專案適合不同的技術棧。目前前端專案...
框架選擇 如何看待前端框架選型
對於前端團隊，可以實現企業受益最大化要點。一 技術選型的策略 1 保證產品質量 1 功能穩健 網頁不白屏，不錯位，不卡死 操作正常 資料精準。2 體驗優秀 載入體驗，互動體驗，視覺體驗，無障礙訪問。2 降低人力成本 1 降低前期開發成本 2 降低後期維護成本。二 前端開發模式選擇 開發模式 1 純前...
web前端 Bootstrop框架
bootstrap的作用 bootstrap 是最受歡迎的 html css 和 js 框架，用於開發響應式布局 移動裝置優先的 web 專案。什麼是響應式布局 響應式布局就是根據解析度的大小而改變頁面的結構內容，提高使用者的體驗 bootstrap的內容 簡單入門 使用框架必須匯入相應的css j...