前端框架選型&項目技術棧參考資料

web技術選型參考：

一、框架自身是否成熟

二、生態系統是否完善

三、是否知足項目需求

 

目前常見的主流技術參考，根據github關注度排名：

架構框架

框架名	技術支持	思想	針對性
React	Facebook	虛擬dom，單項數據流	高效建立交互式組件
Vue	Evan You（尤雨溪）	輕量級AngularJs	簡潔易懂
AngularJs	Google	雙向數據綁定，指令	結構化

構建工具

工具名	思想	針對性
Webpack	模塊化處理	Web模塊化
Gulp	基於流的自動化構建	Web流程化
Grunt	自動化構建	自動化構建

CSS預處理

處理器名	思想	易用性
Less	動態化css	簡單
Sass	基於ruby具有編程模式	較難

最終選擇方案

框架名	構建工具	CSS預處理
Vue	webpack	less

 

項目技術棧參考資料：

# ES6 --js語法

http://es6.ruanyifeng.com/

 

# Vue --前端框架

主頁

https://cn.vuejs.org/

API

https://cn.vuejs.org/v2/api/

教程

https://cn.vuejs.org/v2/guide/

學習參考資料

https://www.jianshu.com/p/dc5057e7ad0d

 

# Vue Cli 3 --項目搭建用腳手架

主頁

https://cli.vuejs.org/zh/

API

https://cli.vuejs.org/zh/guide/

 

# Vue 全家桶 --項目開發用工具庫

Vue Router

https://router.vuejs.org/zh/

Vuex

https://vuex.vuejs.org/zh/

Axios

https://www.kancloud.cn/yunye/axios/234845

VeeVaidate

https://baianat.github.io/vee-validate/

 

# Element --桌面端組件庫

主頁

http://element-cn.eleme.io/#/zh-CN

API

http://element-cn.eleme.io/#/zh-CN/component/installation

 

# Mint UI --移動端組件庫

主頁

http://mint-ui.github.io/#!/zh-cn

API

http://mint-ui.github.io/docs/#/

Demo

http://elemefe.github.io/mint-ui/#/