前端框架设计理念趋势整理

运行机制

纯Virtual DOM的性能瓶颈

• 组件更新粒度问题（父组件更新导致子组件更新的连锁反应）
• diff算法效率问题
• 内存GC压力

编译时优化

• Vue3：配合编译时优化的Virtual DOM
• Svelte：模版编译为命令式DOM节点生成 + 代码更新
• Solid：模版编译为静态DOM生成 + 响应式绑定代码

Vue Vapor Mode

• 参考Solid的编译策略
• 仅影响生成代码和底层运行时，不影响API
• 显著优化运行时大小和内存占用
• 可在单个组件内启用，或是全应用启用