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

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

暗黑模式实现需使用`matchMedia`检测系统主题并持续监听，将dark类挂载根节点配合`color-scheme`声明。CSS变量需在`:root dark`下重定义，图片和SVG需单独处理，第三方图表需销毁重绘。手动切换应优先读取`localStorage`字符串值，系统变化仅在无存储值时自动同步。服务端渲染需通过UA或IP粗略预判主题，避免首屏闪烁

内联元素默认基线对齐导致图标与文字错位，优先使用`transform:translateY()`进行亚像素级微调，避免`top`固定像素受字体、缩放影响。响应式场景改用`rem`或`em`单位，并在高DPI屏幕单独覆盖偏移值，实际效果需真机验证。

针对折叠屏铰链区域导致控件不可见问题，应放弃静态像素偏移，采用容器查询与网格布局预留2px安全间隙，配合防抖机制与状态缓存，实现交互避让与体验连续，确保不同折叠状态下界面稳定适配。

postMessage自动调用结构化克隆实现主线程与WebWorker间的深度拷贝，支持多数类型，但排除函数、DOM等。手动二次克隆多余且增加开销。大二进制数据可用transfer机制零拷贝移交内存。降级方案JSON序列化仅限纯数据，会丢失特殊类型语义。

JSON深拷贝的瓶颈不在代码写法，而在内存分配、类型跳过逻辑和序列化 反序列化双重转换三类隐性开销，这些隐性开销常被忽视，是优化关键。测量需分层，借助性能面板或火焰图定位热点，而非仅看总耗时。

Layui表格导出时，操作列按钮会混入Excel，源于exportFile直接读取缓存数据，操作列若配置field值即会污染导出结果。解决办法是手动过滤缓存数据，仅保留业务字段，再调用导出函数。工具栏按钮不影响导出。