5

背景

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

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

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

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

image.png

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总体架构

image.png

几点要了解的知识

image.png

image.png

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

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

可以点击下面的链接继续看:

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

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

clipboard.png


皮小蛋
8k 声望12.8k 粉丝

积跬步,至千里。