实践中的常见策略

不可变数据与浅比较 ：React等库通过浅比较props或state的引用是否变化，来🍀决定是否重新渲染某个组件子树

提升交互反馈 ：用户操作后，仅更新受影响的小组件（如下拉菜单的展开状态），保持页面其他部分稳定，避免不必🚀要的闪烁或抖动

小结

当数据更新时，框架会通过di✨ff算法比较新旧虚拟树的差异，计算出最小化的实际DOM操作集合

什么是组件级增量渲染

组件级增量渲染能够帮助开发者做到以下几点： 降低首屏阻塞 ：只渲染用户可见区域内的组件，其余部分延迟渲染或按需加载，减少初始HTML大小和JavaScript执行时间

在没有明确的性能问题❤️前，保持代码的简洁性和可读性同样重要

注意事项与常见误区

createElement('sc🎉ript'); var curProtocol =💡 window