react-笔记二

傷城~ 2022-05-30 03:41 227阅读 0赞

**React 是什么？？？**

> 用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript各自想象为一个岛屿，它们之间用收费桥梁连接，js每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费用也就越高。
> 
> 因此，推荐的做法是尽量减少过桥的次数，努力待在ECMAScript岛上。因为这个原因react的虚拟dom就显得难能可贵了，它创造了虚拟dom并且将它们储存起来，每当状态发生变化的时候就会创造新的虚拟节点和以前的进行对比，让变化的部分进行渲染。整个过程没有对dom进行获取和操作，只有一个渲染的过程，所以react说是一个ui框架。

**angularJs和vue.js 及React的对比**

1、AngularJs VS vue

选择 Vue 而不选择 Angular，有下面几个原因，当然不是对每个人都适合：

--------------------

在 API 与设计两方面上 Vue.js 都比 Angular 简单得多，因此你可以快速地掌握它的全部特性并投入开发。

--------------------

Vue.js 是一个更加灵活开放的解决方案。

1、它允许你以希望的方式组织应用程序，而不是任何时候都必须遵循 Angular 制定的规则。

--------------------

2、它仅仅是一个视图层，所以你可以将它嵌入一个现有页面而不一定要做成一个庞大的单页应用。

--------------------

3、在配合其他库方面它给了你更大的的空间，但相应，你也需要做更多的架构决策。

--------------------

例如，Vue.js 核心默认不包含路由和 Ajax 功能，并且通常假定你在应用中使用了一个模块构建系统。这可能是最重要的区别。

--------------------

Angular 使用双向绑定，Vue 也支持双向绑定，不过默认为单向绑定，数据从父组件单向传给子组件。

在大型应用中使用单向绑定让数据流易于理解。

--------------------

在 Vue.js 中指令和组件分得更清晰。

指令只封装 DOM 操作，而组件代表一个自给自足的独立单元 —— 有自己的视图和数据逻辑。在 Angular 中两者有不少相混的地方。

--------------------

Vue.js 有更好的性能，并且非常非常容易优化，因为它不使用脏检查。

Angular，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，脏检查循环（digest cycle）可能要运行多次。

--------------------

Angular 用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域。

Vue.js 则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发，除非它们之间有明确的依赖关系。唯一需要做的优化是在 v-for 上使用 track-by。有意思的是，Angular 2 和 Vue 用相似的设计解决了一些 Angular 1 中存在的问题。

--------------------

**vue VS React**

> React.js 和 Vue.js 确实有一些相似：

1、它们都提供数据驱动、可组合搭建的视图组件。

> 当然它们也有许多不同：

1、内部实现本质上不同。

React 的渲染建立在 Virtual DOM 上——**一种在内存中描述 DOM 树状态的数据结构**。当状态发生变化时，React 重新渲染 Virtual DOM，比较计算之后给真实 DOM 打补丁。

--------------------

Virtual DOM 提供了一个函数式的方法描述视图，这真的很棒。因为它不使用数据观察机制，每次更新都会重新渲染整个应用，因此从定义上保证了视图与数据的同步。

--------------------

它也开辟了 JavaScript 同构应用的可能性。Vue.js 不使用 Virtual DOM 而是使用真实 DOM 作为模板，数据绑定到真实节点。

--------------------