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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
H_z_q24017 分钟前
web前端(HTML)银行汇款单的制作
前端·html
小宇的天下10 分钟前
Synopsys Technology File and Routing Rules Reference Manual (1)
java·服务器·前端
@PHARAOH11 分钟前
WHAT - Vercel react-best-practices 系列(四)
前端·react.js·前端框架
@PHARAOH13 分钟前
WHAT - Vercel react-best-practices 系列(三)
javascript·react.js·ecmascript
duangww16 分钟前
JavaScript调用ABAP后端发布的restful服务
javascript·sap fiori
今天也要晒太阳47320 分钟前
对el-upload的上传文件显示名做长度限制
前端
答案—answer21 分钟前
开源项目:Three.js3D模型可视化编辑系统
javascript·3d·开源·开源项目·three.js·three.js编辑器
白兰地空瓶21 分钟前
Zustand:若 React 组件是公民,谁来当“中央银行”?—— 打造轻量级企业级状态管理
react.js·typescript
Thomas游戏开发21 分钟前
分享一个好玩的:一次提示词让AI同时开发双引擎框架
前端·javascript·后端
NEXT0624 分钟前
别再折磨自己了!放弃 Redux 后,我用 Zustand + TS 爽到起飞
前端·react.js