前端框架选型&项目技术栈参考资料
Posted 黑子Kuroko
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端框架选型&项目技术栈参考资料相关的知识,希望对你有一定的参考价值。
web技术选型参考:
1、框架自身是否成熟
2、生态系统是否完善
3、是否满足项目需求
目前常见的主流技术参考,根据github关注度排名:
架构框架
框架名 | 技术支持 | 思想 | 针对性 |
---|---|---|---|
React | 虚拟dom,单项数据流 | 高效创建交互式组件 | |
Vue | Evan You(尤雨溪) | 轻量级AngularJs | 简洁易懂 |
AngularJs | 双向数据绑定,指令 | 结构化 |
构建工具
工具名 | 思想 | 针对性 |
---|---|---|
Webpack | 模块化处理 | Web模块化 |
Gulp | 基于流的自动化构建 | Web流程化 |
Grunt | 自动化构建 | 自动化构建 |
CSS预处理
处理器名 | 思想 | 易用性 |
---|---|---|
Less | 动态化css | 简单 |
Sass | 基于ruby具备编程模式 | 较难 |
最终选择方案
框架名 | 构建工具 | CSS预处理 |
---|---|---|
Vue | webpack | less |
项目技术栈参考资料:
# ES6 --js语法
# Vue --前端框架
主页
API
教程
https://cn.vuejs.org/v2/guide/
学习参考资料
https://www.jianshu.com/p/dc5057e7ad0d
# Vue Cli 3 --项目搭建用脚手架
主页
API
https://cli.vuejs.org/zh/guide/
# Vue 全家桶 --项目开发用工具库
Vue Router
Vuex
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/#/
以上是关于前端框架选型&项目技术栈参考资料的主要内容,如果未能解决你的问题,请参考以下文章