前端框架选型
文章目录
前端技术经过近几年快速发展,语言标准、技术框架已经趋于成熟稳定,目前主流的开发框架为:React, Angular ,Vue。相对于后端Spring一统天下,前端三框架并驾齐驱的现状则让前端选择综合征者头痛不已。
Angular
Angular诞生于2009,后被google收购,最为核心的是:MVW(Model-View-Whatever)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
优势
- 模板功能强大丰富,并且是声明式的;
- 自带了丰富的Angular指令、管道,双向数据绑定;
- 是一个比较完善的前端MVC框架;
- 更适合于CRUD的管理系统开发。
不足
- 学习成本。
React
由 Facebook 创建,于2013 年 5 月开源,是个专注于构建用户界面的 JavaScript 库。
优势
- 声明式设计
React采用声明范式,可以轻松描述应用。 - 高效
React通过对DOM的模拟,最大限度地减少与DOM的交互。 - 组件
通过 React 构建组件,使得代码更加容易得到复用。 - 单向响应的数据流
React实现了单向响应的数据流。
不足
- React只是个视图库,需要大量其他类库支持;
- JSX的JS里写类似HTML和CSS的方式不是很直观;
- 曾经由于版权问题闹得沸沸扬扬,国内目前有弃用趋势。
Vue
Vue.js 于2016年10月推出,是 发展最为迅速的JS框架。与其他重量级框架不同的是,Vue 采用渐进式开发的设计。
优势
- 吸取了react,angular的一些优势,同样拥有组件化、支持指令、过滤器,双向数据绑定等特性;
- 不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩;
- 轻量级−超快虚拟 DOM,三者中渲染性能最好。
不足
- 资源较少
实践选型建议
- 前端比较成熟的技术栈:node环境,打包管理webpack,es6/typescript,样式开发scss/less,请求axios。
- 基于框架的完整性和背后的生态支持等考虑,对于中后台系统优先推荐Angular。
- 基于框架灵活性和性能,对于移动产品或体验要求较高的互联网产品优先推荐Vue。
- 提供公共复用组件类产品或解决方案时,应该避免使用框架,使用最原始的js将更容易调用方集成,除非你做好了同时维护三套框架对应的版本的预算和计划。
- 虽然以上是前端的最佳选型建议,但是任何技术选型都是离不开团队的,如果团队前端很弱,专攻一个前端框架就很有必要了,针对入手难易程度和国内难易程度,Vue则是不二选择。