-
动画卡顿本质是主线程被密集计算阻塞，增量步进通过分阶段、交替执行、写入屏障实现错峰处理，可类比用于动画：帧粒度拆分、Worker卸载计算、异步批处理。
-
grid-auto-rows:min-content不影响容器高度，只控制隐式行高度；容器需移除height/min-height等限制并避免父容器拉伸，才能真正贴合内容。
-
浮动布局核心优点是支持图文环绕与多栏布局、兼容性好、无间隙问题；缺点是脱离文档流致高度塌陷、易卡住、DOM结构耦合高；清除方式含伪元素法、overflow触发BFC、额外标签法及display:flow-root。
-
Less无法直接实现counter-reset和counter-increment自动递增，因其是编译时预处理器，而CSS计数器依赖DOM结构和运行时渲染；应仅用Less生成基础样式骨架，由浏览器执行计数逻辑。
-
JavaScript模块化演进为从无到有、手动管理到标准化的过程，ES6模块（ESM）与CommonJS是两大主流方案，核心差异在于加载时机（编译时静态vs运行时动态）、导出机制（活绑定vs值拷贝）、语法设计（default/named导出vs单一module.exports）及运行环境适配。
-
findIndex()返回首个匹配元素索引或-1，适用于对象数组复杂条件查找；需防undefined、正确组合条件、善用thisArg复用谓词，并避免与find()重复调用。
-
满减活动页面必须用JavaScript实现，HTML仅负责结构展示；JS需监听输入、计算总价、匹配满减规则、实时更新DOM，并处理移动端节流、精度、交互体验等细节。
-
应使用CSS自定义属性（如--tooltip-color）在:root或:host中声明语义化颜色变量，避免内联style设置或重复命名，确保主题切换、暗色模式及跨组件复用的稳定性与可维护性。
-
Promise是JavaScript处理异步操作的标准对象，代表未来完成或失败的操作，具有pending、fulfilled、rejected三种不可逆状态；通过newPromise()创建，支持链式调用（.then/.catch）、静态方法（all/race/resolve/reject）及async/await语法。
-
要合并表格单元格，需使用colspan和rowspan属性；2.colspan使单元格横跨多列，需减少同行动态单元格数量以避免错位；3.rowspan使单元格纵跨多行，后续行对应位置不得重复书写单元格；4.理解其原理应将表格视为网格，合并即“占位与移除”，必须删除被占据位置的多余标签；5.常见问题为行列不匹配，规避方式是精确计算每行单元格数并绘制草图辅助编码；6.复杂合并时建议简化结构或改用CSSGrid/Flexbox实现更灵活的响应式布局；7.高级应用如多级表头可通过组合colspan和rowspan
-
Tecno手机无HTML5私有API，适配关键是解决其老旧Android系统WebView兼容性问题；需检测UA确认内核版本，强制viewport完整声明，降级新CSS/JS特性，并用多真机交叉验证。
-
Chrome桌面端可直接用SpeechRecognition，但需HTTPS或localhost；Safari和Firefox完全不支持；无有效polyfill；最小可用需检测兼容性、设lang为zh-CN、interimResults为true并监听onresult事件。
-
闭包捕获变量是实时引用绑定而非值拷贝，导致异步回调中循环变量错乱、竞态条件和状态污染；解法是通过局部变量、参数传值或块级作用域固化值。
-
link标签用于引入外部CSS文件，支持缓存和复用，适合大型项目；2.style标签定义内部样式，便于调试但不易维护，适用于简单页面或原型开发；3.优先使用link提升性能与可维护性，style仅用于特殊情况。
-
HTML倒计时仅用于展示，不能替代真实时间控制；必须用Date.now()动态计算剩余时间戳，结合服务端下发的ISO时间统一时区，并做本地时钟偏移补偿。
