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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
yqcoder9 小时前
React 深度解析:类组件 (Class) vs 函数组件 (Function)
前端·javascript·react.js
HwJack209 小时前
HarmonyOS 开发中Web 组件渲染进程崩溃后的“起死回生”
前端·华为·harmonyos
HyaCinth9 小时前
一人一周,用 Codex 渐进式迁移重构了一个材料学组件库
前端·javascript·css
心.c10 小时前
大厂高频手写题
开发语言·前端·javascript
zhensherlock12 小时前
Protocol Launcher 系列:Working Copy 文件操作与高级命令详解
javascript·git·typescript·node.js·自动化·github·js
lichenyang45313 小时前
从零到一:用 Taro + React 搭建数据采集小程序
react.js·小程序·taro
神の愛18 小时前
左连接查询数据 left join
java·服务器·前端
小码哥_常19 小时前
解锁Android嵌入式照片选择器,让你的App体验丝滑起飞
前端
郑寿昌20 小时前
IIoT本体迁移的领域扩展机制
服务器·前端·microsoft
深海鱼在掘金20 小时前
Next.js从入门到实战保姆级教程(第十一章):错误处理与加载状态
前端·typescript·next.js