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

Posted 黑子Kuroko

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端框架选型&项目技术栈参考资料相关的知识,希望对你有一定的参考价值。

web技术选型参考:

1、框架自身是否成熟

2、生态系统是否完善

3、是否满足项目需求

 

目前常见的主流技术参考,根据github关注度排名:

架构框架

框架名技术支持思想针对性
ReactFacebook虚拟dom,单项数据流高效创建交互式组件
VueEvan You(尤雨溪)轻量级AngularJs简洁易懂
AngularJsGoogle双向数据绑定,指令结构化

构建工具

工具名思想针对性
Webpack模块化处理Web模块化
Gulp基于流的自动化构建Web流程化
Grunt自动化构建自动化构建

CSS预处理

处理器名思想易用性
Less动态化css简单
Sass基于ruby具备编程模式较难

最终选择方案

框架名构建工具CSS预处理
Vuewebpackless

 

项目技术栈参考资料:

# 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/#/

 

 

以上是关于前端框架选型&项目技术栈参考资料的主要内容,如果未能解决你的问题,请参考以下文章

前端框架选型

如何做商业前端框架+UI库选型?

看架构师对于前端框架的技术选型

Webpack + React全栈工程架构项目

Webpack + React全栈工程架构项目实战精讲

Webpack + React全栈工程架构项目实战精讲