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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
C_心欲无痕1 分钟前
ts - 关于Object、object 和 {} 的解析与区别
开发语言·前端·javascript·typescript
L Jiawen7 分钟前
【Windows 系统】Chrome浏览器退出登录状态失效
前端·chrome·windows
IT_陈寒20 分钟前
Java并发编程实战:从入门到精通的5个关键技巧,让我薪资涨了40%
前端·人工智能·后端
全栈前端老曹21 分钟前
【包管理】read-pkg-up 快速上手教程 - 读取最近的 package.json 文件
前端·javascript·npm·node.js·json·nrm·package.json
程序员爱钓鱼1 小时前
Node.js 编程实战:测试与调试 —— 调试技巧与性能分析
前端·后端·node.js
JQLvopkk1 小时前
Vue框架技术详细介绍及阐述
前端·javascript·vue.js
vyuvyucd1 小时前
插件式开发:C++与C#实战指南
java·前端·数据库
C_心欲无痕1 小时前
ts - 类型收窄
前端·typescript
笔COOL创始人1 小时前
requestAnimationFrame 动画优化实践指南
前端·javascript·面试
sophie旭1 小时前
性能监控之首屏性能监控小实践
前端·javascript·性能优化