-
WebWorkers允许在浏览器中启动独立于主线程的子线程处理耗时计算，避免阻塞UI；需通过postMessage通信，Worker必须从独立JS文件加载，使用结构化克隆传递数据，支持transferable提升性能，任务应分片并可中断，调试可通过DevToolsWorkers面板进行。
-
遮罩层z-index不必绝对高于弹层，但需确保遮罩盖住背景、弹层盖住遮罩；推荐遮罩z-index:1000、弹层z-index:1001+；注意父容器z-index和position影响、移动端fixed定位更可靠、rgba()背景优于opacity。
-
DOM操作提供六种核心技巧：一、createElement+appendChild添加元素；二、insertBefore精确插入；三、replaceChild替换节点；四、removeChild删除子元素；五、innerHTML/textContent批量更新；六、cloneNode复制结构。
-
必填项需同时满足语义、视觉、交互三要素：用required属性触发原生校验，配合::after星号提示和aria-required增强可访问性，服务端必须同步校验。
-
font-variation-settings是控制可变字体轴值的底层属性，支持任意浮点值；而font-weight是语义化别名，仅映射预定义字重且会四舍五入。
-
FIMO输出HTML不支持文本对齐控制。其HTML为固定模板，无align属性或CSS样式选项，对齐效果源于浏览器默认渲染；需通过后处理注入CSS或改用TSV+Pandas/R等工具实现自定义对齐。
-
使用scrollTo实现平滑滚动；2.通过offsetTop点击跳转锚点；3.监听scroll事件动态显示返回顶部按钮；4.计算滚动比例实现进度条。结合原生JS方法可提升页面交互体验，建议配合CSS的scroll-behavior兼容处理。
-
组件懒加载本身不会导致公共CSS重复打包，真正原因是未正确配置CSS提取与复用机制，如多个异步组件各自引入相同基础样式时，Vite默认配置可能将其分别打进不同chunk。
-
CSSGrid实现像素级Cell定位需显式命名网格线并用grid-row/column精确锚定，配合minmax()控制行高、vh/vmin适配缩放、break-inside:avoid处理分页，禁用implicitgridflow。
-
本文详解如何使用sx属性精准控制MUIXCharts中X轴与Y轴的线条颜色、刻度标签文字颜色、字体及粗细，通过CSS类选择器直接作用于SVG元素，实现深度主题化定制。
-
EJS/Pug中CSS失效主因是路径错误：须用绝对路径（如/css/main.css）引用静态目录文件，禁用相对路径；Pug内联CSS需用!=或CDATA避免转义；EJS拼路径应传入预计算URL并设默认值。
-
JavaScript构建SPA的核心是不刷新页面、动态更新视图、前端接管路由和状态，关键在于实现URL监听、路由匹配与局部内容替换，并通过组件化、集中状态管理及事件解耦达成。
-
WeakMap和WeakSet通过弱引用实现自动内存管理，适用于缓存、私有数据模拟及对象标记场景，避免内存泄漏。
-
input美化需注意三处关键：伪类兼容性（如::placeholder须写全前缀）、box-sizing:border-box防圆角塌陷、outline:none配合box-shadow保障可访问性焦点反馈。
-
本地服务器启动卡顿主因是localhost解析延迟、文件监听扫描或模块加载过重，而非硬件性能；应检查hosts配置、显式绑定127.0.0.1、禁用监听与缓存、避开node_modules目录运行，并排查杀毒软件干扰。
