是啥?

前端 JavaScript 库
它用于开发复杂和交互式的 Web 和移动 UI。

1.just the ui

React 负责UI层面的展现

引入了JSX这种语法规则,可以让我们使用类似HTML的语法去写js的函数调用。

2.virtual dom

浏览器渲染页面的一般过程通常是这样的:

1 加载html->生成DOM树->解析css生成Render树->生成页面

React
1 生成virtual dom->diff->必要的DOM更新

3.data flow

数据流
沿着组件树从上到下单向流动的

特性

  1. JSX语法
  2. 单向数据绑定
  3. 虚拟DOM 而不是真正的DOM
  4. 声明式编程
  5. Component

优势

  1. 高效灵活
  2. 声明式的设计,简单使用
  3. 组件式开发,提高代码复用率
  4. 单向响应的数据流会比双向绑定的更安全,速度更快

生命周期

  1. 创建
  2. 初始化数据
  3. 编译模板
  4. 挂载Dom→渲染
  5. 更新→渲染
  6. 卸载

NANA
94 声望7 粉丝

小魔女