-
应使用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时间统一时区，并做本地时钟偏移补偿。
-
ES6中使用字符串的trimStart()方法可直接去除开头的空白字符。该方法会移除字符串头部的所有空白符（包括空格、制表符、换行符等），并返回一个新字符串，原始字符串不会被修改。1.trimStart()的使用方式为在字符串变量后直接调用，如originalString.trimStart()。2.它适用于处理用户输入、解析API数据、命令行参数清洗等场景，尤其在仅需去除前导空格而保留结尾空格时非常有用。3.与trim()不同，trimStart()只处理字符串开头部分，而trimEnd()则专注于末尾
-
key是VueDiff算法的关键标识，用于精准复用节点；无key或key不唯一/不稳定会导致无效更新、状态丢失和动画失效；应使用稳定唯一的数据字段（如id）而非index、随机数等。
-
使用clamp()可设置字体最小、推荐和最大值，实现响应式自适应；结合minmax()定义容器尺寸范围，使文本在不同屏幕下保持可读与美观，如font-size:clamp(16px,2.5vw,20px)配合grid布局，确保视觉协调。
-
:not()不支持嵌套，如:not(:not(.active))无效；仅支持单层且内部不能含:not()、:is()等；多:not()串联是“且”关系，非“或”；其内部选择器参与优先级计算，但本身不增权重。
-
复选框需设相同name（如hobby）且唯一value（如reading/coding/gaming）才有效；提交时仅勾选项以数组形式发送，无勾选则字段不存在；JS获取应用[...form.elements.hobby].filter(cb=>cb.checked).map(cb=>cb.value)。
-
可利用console.count与console.time组合在渲染函数埋点，识别高频无效重渲染：通过“快而频”特征（如每秒20+次、单次0.1ms）定位未memo、父组件传新引用或Context频繁变更问题。
-
必须用<nav>而非<div>实现语义化导航，配合<ul><li><a>结构、Flex布局、hover/focus双状态样式及纯CSS汉堡菜单，兼顾可访问性、SEO与响应式。
