暗黑模式实现需使用`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值即会污染导出结果。解决办法是手动过滤缓存数据，仅保留业务字段，再调用导出函数。工具栏按钮不影响导出。

由于z-index是离散整数值，无法实现平滑过渡，只能通过阶跃变化改变顺序。动画中需借助transform等属性模拟层级提升或降低的效果。父级层叠上下文可能阻断层级传递，因此多图层组件的z-index必须与动画状态同步切换。

使用scroll-padding-top解决锚点被导航栏遮挡时，必须要设置在html元素上，其值需要等于导航栏视觉上的总高度（包含了padding、border、阴影等外围的尺寸）。需注意：该属性在position:sticky粘性定位下会失效，且与scroll-margin-top同时被使用时会产生新的叠加偏移量。