React学习之旅Part1：虚拟DOM和Diff算法

一、概念

React 是一个用于构建用户界面的JavaScript库
React可以构建高效 快速的用户界面 它是一个轻量级库 因此很受欢迎
它遵循组件设计模式 声明式编程范式和函数式编程概念 以使前端应用程序更高效
它使用虚拟DOM来有效地操作DOM 并且它遵循从高阶组件到低阶组件的单向数据流

React有两个重要知识点：虚拟DOM和Diff算法
它们可以说是React的核心内容

---

二、核心

虚拟DOM(Virtual Document Object Model)

DOM是浏览器中的概念 即 用JS对象来表示页面中的元素 提供操作DOM对象的API
而虚拟DOM是框架中的概念 框架用JS对象来模拟页面中的DOM和DOM嵌套
其主要目的是实现页面中的DOM元素的高效更新

例：一个表格 当其中一小部分数据发生改变时 没必要全部重新渲染
但若使用模板引擎的话 会全部重新渲染也仅仅将数据渲染到页面上 会产生性能上的问题
若要实现最优的性能 需要按需渲染页面 只重新渲染更新部分的数据 尽量减少DOM操作以提高性能

若要实现页面的按需更新…

网页呈现的过程：
1、浏览器请求服务器 获取页面的HTML代码