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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
爱上妖精的尾巴2 分钟前
7-9 WPS JS宏 对象使用实例6:按条件读取多表再拆成多表
前端·javascript·wps·jsa
有意义3 分钟前
现代 React 路由实践指南
前端·vue.js·react.js
三木檾3 分钟前
Cookie 原理详解:Domain / Path / SameSite 一步错,生产环境直接翻车
前端·浏览器
-凌凌漆-3 分钟前
【JS】JavaScript Promise
开发语言·javascript·ecmascript
开始学java4 分钟前
踩坑实录:把 useRef 写进 JSX 后,我终于分清它和 useState 的核心差异
前端
二DUAN帝4 分钟前
像素流与UE通信
前端·javascript·css·ue5·html·ue4·html5
1024小神4 分钟前
cloudflare+hono框架实现jwtToken认证,并从token中拿到认证信息
前端
jinmo_C++6 分钟前
从零开始学前端 · HTML 基础篇(二):常用文本标签与排版基础
前端·html
2501_9447114311 分钟前
A2UI : 以动态 UI 代替 LLM 文本输出的方案
开发语言·前端·ui
lili-felicity19 分钟前
React Native for Harmony 企业级折叠面板 (Accordion) 组件
react native·react.js·ui