前端框架选型&项目技术栈参考资料

web技术选型参考：

1、框架自身是否成熟

2、生态系统是否完善

3、是否满足项目需求

 

目前常见的主流技术参考，根据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/#/