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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
每天吃饭的羊2 小时前
LeetCode JS 常用辅助数据结构
前端
丑过三八线2 小时前
【无标题】
前端
yuananyun2 小时前
APP 图标规范与设计全攻略:iOS/Android/Web 一次设计多端合规,快速出图
android·前端·ios
李剑一2 小时前
面试问网络?问到我的软肋了。面试官:讲一下HTTP强缓存与协商缓存
前端·面试
小雨下雨的雨2 小时前
近视度数模拟器鸿蒙PC Electron框架技术实现详解
前端·javascript·electron
TE-茶叶蛋2 小时前
Next.js中App Router 全部特殊文件一览
开发语言·javascript·网络
喜欢踢足球的老罗2 小时前
逆向 WhatsApp Web:前端 SDK 深度剖析与 Chrome 插件实战指南
前端·chrome
roseonly_h2 小时前
如何将钉钉微应用在浏览器打开
前端·钉钉
小雨下雨的雨2 小时前
鸿蒙PC用Electron框架——Canvas蜡笔抖动效果实现技术深度解析
前端·javascript·华为·electron·鸿蒙系统
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_49:定位实例练习从入门到精通
前端·css·学习