Angular(一)--前端框架angular、React、Vue的对比

前端之家收集整理的这篇文章主要介绍了Angular(一)--前端框架angular、React、Vue的对比前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前端框架近些年来发展地很快,主流的框架主要angular、React、Vue等,对这三个框架进行宏观对比,便于选择。

一、angular

angular是一款优秀的前端的JS框架,已经被Google等多款产品使用。

特性:

1、良好的应用程序结构

2、双向数据绑定

3、指令

4、HTML模板

5、可嵌入、注入和测试

6、移动和桌面兼容

优点:

1、模板功能强大丰富,自带极其丰富的angular指令.

2、比较完善的前端MVC框架,包含服务、模板、数据双向绑定、模块化、路由、过滤器、依赖注入等功能.

3、自定义指令,自定义指令后可以在项目中多次使用.

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


总结:

对于前端框架接触地也不是很久,有说法不合理之处,欢迎指正~

猜你在找的Angularjs相关文章