-
直接用@each遍历$themes生成主题规则可行，但必须用@mixin封装并注入变量，否则因作用域缺失导致样式失效；生成:root[data-theme]时需用#{}插值确保属性值正确，且Sass、HTML、JS三端命名须严格一致。
-
因为Promise.all不支持暂停、取消、优先级插队或降权重试；需用最小堆实现PriorityQueue，按priority主序、timestamp次序排序任务，并通过运行中Set控制并发与高优“挤掉”低优。
-
用transform替代top/left是最有效修复方式——它不依赖JS、无运行时负担、绕过重排；因top/left属布局属性，变更会强制重排，在低端设备耗时3–8ms，远超16.67ms帧间隔，致帧率崩塌。
-
CSS变量需定义在祖先元素（如:root）才能自然继承，子组件用var(--color-primary)直接获取；避免内联样式、scoped样式覆盖或ShadowDOM阻断；fallback用标准颜色值，主题切换优先修改:root变量以避免重排。
-
多个link标签并行加载不必然慢，但默认阻塞渲染且受HTTP/1.1并发限制易串行；HTTP/2下改善但仍建议合并关键CSS、按路由拆分、避免@import、确保CDN正确识别contenthash变更。
-
<tbody>是浏览器分块渲染表格的底层开关，加了它数据行能“边下边出”，提升慢网和SSR首屏速度；必须显式用多个<tbody>包裹数据行（每段50–100行为宜），且须与<thead>、<tfoot>共存并严格按此顺序书写，否则结构不合法、渲染异常或无障碍失效。
-
watch在keep-alive缓存组件中持续触发，因组件未真正卸载；需在onDeactivated中stop、onActivated中重建，或统一用onDeactivated/onUnmounted清理。
-
使用overflow:hidden可隐藏盒子内溢出的内容，适用于文本过长、图片偏移等场景，结合text-overflow:ellipsis可实现文本省略，需注意元素需有明确宽高或BFC，且会同时隐藏所有溢出内容。
-
最常见的原因是父容器未设perspective或卡片未开启3D渲染上下文；需父容器设perspective，卡片加transform-style:preserve-3d，正反面设backface-visibility:hidden并初始化rotateY值。
-
使用HTML的<ul>和<ol>标签分别创建无序和有序列表，结合<li>定义列表项，通过CSS的list-style-type调整符号样式，设为none可移除默认标记，再用margin和padding控制间距与缩进，提升内容可读性。
-
能，element.remove()可真正清理弹窗DOM节点，但需确保无JS强引用、事件监听器已解绑、定时器已清除，且Vue场景下应避免直接调用以防虚拟DOM错乱。
-
HTML原生不支持文件包含，需借助JavaScript动态加载、iframe嵌入、服务器端包含（SSI）、构建工具预处理或PHP等服务端语言实现。
-
Firefox旧版本中fieldset的border-radius失效是因浏览器未实现该特性，需加overflow:hidden防legend溢出，或改用div+role="group"模拟语义。
-
使用||设置默认值，如constusername=inputName||'匿名用户'；2.利用&&安全访问属性，如user&&console.log(user.name)；3.条件执行函数，如isValid&&saveData()；4.注意副作用仅在条件满足时触发，如debugMode&&console.log('调试信息')。合理使用可提升代码简洁性与性能。
-
Flexbox是现代导航菜单布局的首选方案，因其通过display:flex;等简洁属性实现元素的水平/垂直排列、对齐（justify-content、align-items）、空间分配及响应式换行（flex-wrap），大幅简化了传统浮动或inline-block带来的复杂性。结合gap设置间距、媒体查询适配移动端，并利用flex-direction切换方向，可轻松构建响应式导航；面对文本溢出、多行对齐、旧浏览器兼容等问题，可通过text-overflow省略、内部嵌套Flex容器、Autoprefix
