乐趣区

第14期-面试必备-一文掌握-React-渲染原理及性能优化

背景

如今的前端, 框架横行 ,不掌握点框架的知识,出去面试都感觉有点虚。

我用 React 比较多,以前面试的时候也会被问到相关的问题。

今天我这里就梳理了一篇 React 基础原理的内容。

面试基本上也就问这些,分享给大家,希望对大家有所帮助。

React 是一个专注于构建用户界面的 Javascript Library.

React 做了什么?

  • Virtual Dom 模型
  • 生命周期管理
  • setState 机制
  • Diff 算法
  • React patch、事件系统
  • React 的 Virtual Dom 模型

virtual dom 实际上是对实际 Dom 的一个抽象,是一个 js 对象。react 所有的表层操作实际上是在操作 Virtual dom。

经过 Diff 算法会计算出 Virtual DOM 的差异,然后将这些差异进行实际的 DOM 操作更新页面。

React 总体架构

几点要了解的知识

剩下的内容太多了,复制不过来。

思否改版之后,复制粘贴好难用 = =

原文可以去我的公众号查看:

https://mp.weixin.qq.com/s/ZDxPD8fP5fGZC2Pf4dLUrw

如果你觉得内容有帮助可以关注下,「前端 e 进阶」,一起学习成长!

退出移动版