useLayoutEffect 和 useEffect 都是 React 提供的 Hook，用于处理副作用，但它们在执行时机上有重要区别。

主要区别

特性	useEffect	useLayoutEffect
执行时机	在浏览器绘制之后异步执行	在浏览器绘制之前同步执行
对用户的影响	可能导致布局闪烁	阻止浏览器绘制直到 effect 完成
使用场景	数据获取、订阅等	需要同步读取/操作 DOM 的情况
性能影响	对渲染性能影响较小	可能阻塞渲染，导致性能问题

特点

• 声明式的视图层。采用的是JSX语法声明视图层，因此可以在视图层随意使用各种状态的数据
• 灵活的渲染实现。生成的虚拟DOM只是普通的JS对象，可以利用其他依赖库把这个对象渲染成不同的UI，也就是具备了跨平台的能力。例如使用react-dom在浏览器上渲染，使用React Native在手机上渲染
• 高效的DOM操作。虚拟DOM与真实DOM之间利用差异化算法，尽量减少真实DOM的渲染次数和改变节点的数量

render阶段

• 开始于performSyncWorkOnRoot或performConcurrentWorkOnRoot方法
• 判断本次更新是同步还是异步（是否调用shouldYield方法，代表浏览器帧有没有剩余时间，该方法会终止循环，直到浏览器有空闲时间再继续后续遍历）
• 递归构建Fiber节点并赋值给workInProgress，并将workInProgress与已创建的Fiber节点连接起来构成Fiber树

1. 设计理念

特性	Vue	React
定位	渐进式框架	UI 库
编程范式	选项式（Option API） + 组合式（Composition API）	函数式
架构设计	内聚（内建路由、状态管理）	解耦（核心只管视图，其他靠社区）
组件形式	vue文件（模板 + JS）	JSX（JS + XML）

Vue 更强调易用性和渐进增强，适合快速开发。其内置了黑魔法，例如：SFC、宏函数、指令、scoped等；

React 更强调灵活性和函数式编程，更适合复杂业务需求。