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


总结:

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

猜你喜欢

转载自blog.csdn.net/wxr15732623310/article/details/79311398