Pinia原生提供$reset()方法重置状态，Vuex需自定义方法并保留初始快照；使用provide inject时，应直接替换对象而非修改其内部属性。同时，重置操作应覆盖本地存储、定时器、路由参数等影子数据，确保状态完全恢复初始。

Bootstrap5的主题系统完全依赖CSS原生变量，Sass编译期变量失效。组件样式通过var()引用--bs-*变量，变量间存在链式依赖，需手动同步衍生变量。弹出层组件通过Portal渲染，只认:root下的变量，动态改变量时需注意calc()语法和空格。

Bootstrap5轮播图指示器形状修改：用[data-bs-target]替代li；长条圆角需设宽高比并让border-radius为高度一半；深色背景排查opacity和滤镜干扰；居中定位清理transform与position冲突。

HTML5已废弃font标签的color、size、face属性，标准模式下浏览器直接忽略。应改用CSS的style属性或外部样式表控制文字样式，这符合现代网页规范，保证跨浏览器兼容性，并提升代码可维护性。避免使用已淘汰的font标签。

V-once是编译期静态冻结，永久跳过响应式追踪和diff；v-memo是运行时条件记忆化，依赖数组浅比较决定子树是否复用。两者均为Vue3轻量高效渲染优化指令，不改变业务逻辑，分别适用于静态内容和局部稳定但高频更新场景。

分布式SSR中远程核心数据源异常会阻塞渲染，需采用分层try-catch逐级隔离。按数据依赖链最小粒度包裹，捕获后返回默认值而非抛错。对异步链路增加防御性处理，全局middleware层实现熔断与降级。错误日志必须携带分布式追踪ID，确保问题可追溯。

解决CSS样式命名冲突应优先采用CSSModules或外层命名空间包裹实现作用域隔离，避免滥用!important。BEM命名需与真实DOM结构对齐，确保类名归属明确。第三方库因高权重选择器覆盖自定义样式时，需通过DevTools排查权重或加载顺序问题。

百万级节点动态更新无法直接依赖DocumentFragment，因其创建大量节点导致内存暴涨和主线程卡顿。正确策略是分帧、虚拟滚动、增量挂载，每帧用DocumentFragment批处理小批量节点。表格场景需注意结构修正，且应关注事件预留、属性操作及GC引用链等非渲染开销。