2024前端React最新面试题:React设计思想是什么?

React设计思想是什么?

回答思路:react的组件化-->react的数据驱动-->react的虚拟DOM

react的组件化

每个组件都符合开放封闭原则,封闭是针对渲染工作来说的,指的是组件内部的状态都由自身维护,只处理自身内部的渲染逻辑。开放是针对通信来说的,指不同组件之间可以通过props等进行数据交互

数据驱动视图

UI = function(data),通过这个公式得出,如果要渲染界面,不应该直接操作DOM,而是通过修改state或props来驱动视图更新

虚拟DOM

由浏览器的渲染可知DOM操作是一个很耗性能的一个操作,因此产生了虚拟DOM,虚拟DOM是对真实DOM的映射,React通过新旧DOM的对比,得出需要更新数据的部分,实现数据的增量更新

相关推荐
来一首_We_go4 分钟前
React Flow Pro 高级交互实现
前端·react.js
weedsfly9 分钟前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js
行者全栈架构师14 分钟前
【共创稿事节】双引擎智能相册:HarmonyOS 7(API 26)文搜图 × 图像超分端侧 AI 联动实战
前端·算法·架构
chromoany16 分钟前
agent 写的 README 为什么装不上:一条“没有出处就删掉”的规则
前端
deli00716 分钟前
商品条形码最后一位怎么来的?Code128 校验位实测
前端
Gizzap_Tech22 分钟前
双语内容审阅台怎么做?用内容指纹保留核验记录
javascript
小蒜学长28 分钟前
基于SpingBoot+Vue的定向越野赛事管理系统的设计与开发(代码+数据库+LW)
java·前端·spring boot·后端·前后端分离·定向越野赛事
nyaomaru28 分钟前
is-kit 达成 100 Stars ⭐🎉 从 50 到 100,发生了什么?
前端·typescript
陈随易1 小时前
副业搞钱点子之 Umami 统计如何赚钱
前端·后端·程序员
美狐美颜sdk1 小时前
直播APP开发中的视频帧处理:美颜SDK接入需要注意哪些细节?
大数据·前端·人工智能·音视频·美颜sdk