Angular 和 React 都是目前比较流行的前端框架, 不同的企业对其前端工作者有不同的要求, 那么这两个框架之间有什么样的区别呢? 下面本篇文章就来给大家介绍一下, 希望对大家有所帮助.
Angular 的特点:
1, 框架比较成熟完整, 过于庞大, 上手难;
2, 指令以 ng-xxx 开头;
3, 由谷歌开发和维护;
4, 版本 1 比较适合 PC 端开发, 版本 2 在往移动端靠;
5, 不支持低版本浏览器;
6, 内置指令和自定义指令;
7, 内置过滤器和自定义过滤器;
8, 支持双向数据绑定;
React 的特点:
1, 依赖虚拟 DOM;
2, 采用特殊的 JSX 语法;
3, 中心思想: 一切都是组件, 组件实例之间可以嵌套;
4, 核心库不内置列数 Ajax,Route 等功能到核心包, 而是以插件的方式加载.
Angular 和 React 之间的区别:
React | angular | |
---|---|---|
控制器 | 无 | 有 |
过滤器 | 无 | 有 |
指令 | 无 | 有 |
渲染指令 | 无 | 有 |
数据绑定 | 单向 | 双向 |
1, 数据绑定
Angular 允许双向数据绑定, 而 React 允许单向数据绑定.
双向数据绑定意味着您对模型所做的任何更改都会影响视图, 反之亦然.
单向数据绑定意味着您对模型所做的任何更改都会影响视图, 但不会影响其他方式. 这样, 数据仅在一个方向上流动.
2,DOM 用法
DOM 是 web 应用程序的数据对象模型. 您可以使用常规 DOM 或创建虚拟 DOM.
Angular 使用浏览器的 DOM, 而 React 使用虚拟 DOM.
虚拟 DOM 是 DOM 的简化版本. 通过使用虚拟 DOM, 您可以非常快速地更改任何元素, 而无需呈现整个 DOM. 它将性能从优秀变为优秀.
想象一下, 当只更改一个项目时需要渲染所有 100 个项目的性能差异, 然后只渲染单个更改的项目而不渲染其余项目.
使用虚拟 DOM 现在非常流行, 因为速度更快, 速度更快!
3, 语言
Angular 本质上是一个 JS 框架, 但它是为使用 TypeScript 而构建的. 另一方面, React 也是一个 JavaScript 库, 但建议使用 JSX.
TypeScript 是 JavaScript 的超集, 而 JSX 是 JavaScript, 但是使用扩展的 xml 语法.
来源: http://www.css88.com/qa/angular-js/11927.html