前端框架近些年来发展地很快,主流的框架主要angular、React、Vue等,对这三个框架进行宏观对比,便于选择。
一、angular
angular是一款优秀的前端的JS框架,已经被Google等多款产品使用。
特性:
1、良好的应用程序结构
2、双向数据绑定
3、指令
4、HTML模板
5、可嵌入、注入和测试
6、移动和桌面兼容
优点:
2、比较完善的前端MVC框架,包含服务、模板、数据双向绑定、模块化、路由、过滤器、依赖注入等功能.
4、引入了java的概念(依赖注入),能够很容易写出可复用的代码,对于敏捷开发团队非常有帮助
5、资源丰富(有丰富的社区)
缺点:
1、入门简单,深入学习后有些比较难理解
2、官网文档给的demo比较少
3、对IE6/7兼容不是很好,可以手动解决
二、React
React主要用于构建UI,React里可以传递多种类型的参数,如声明代码、静态的HTML DOM元素,也可以是动态变量,甚至可以是可交互的应用组件。
特性:
1、声明式设计:React采用声明方式,可以轻松描述应用.
2、高效:React通过对DOM的模拟,最大限度地减少与DOM的交互.
3、灵活:React可以与已知的库或框架很好地配合.
优点:
1、速度快:在UI渲染过程中,React通过在虚拟DOM的微操作来实现对实际DOM的局部更新.
2、跨浏览器兼容:虚拟DOM帮助我们解决了跨浏览器问题,提供了标准化的API,甚至在IE8中都没有问题.
3、模块化:为程序编写独立的模块化UI组件,这样当某个或者某些组件出现问题时,可以方便地进行隔离.
缺点:
React本身只是一个V,并不是一个完整的框架,如果是大型项目想要一套完整的框架,需要加上ReactRouter和Flux才可以.
三、Vue
Vue.js其实不是一个框架,只是聚焦视图层,是一个构建数据驱动的Web界面的库。Vue.js通过简单的API提供高效的数据绑定和灵活的组件系统.
特性:
1、轻量级的框架
2、双向数据绑定
3、指令
4、插件化
优点:
1、简单:官方文档清晰,中文比较多,比angular简单易学
2、快速:异步批处理方式更新DOM.
3、灵活:用解耦的、可复用的组件组合应用程序
缺点:
1、Vue.js是一个新的项目,没有angular那么成熟
2、影响不是很大
3、不支持IE8
总结:
对于前端框架接触地也不是很久,有说法不合理之处,欢迎指正~