-
<!DOCTYPEhtml>是HTML5唯一推荐的文档类型声明，必须全小写、位于首行且无前置字符，省略或错误写法将触发怪异模式，导致盒模型、JS行为等异常。
-
document.title是最直接有效的动态改标题方式，它直接控制HTML页面的<title>标签内容，赋值后立即反映在浏览器标签页上，无需操作DOM节点或重新渲染。
-
styled-components动态样式需在模板字符串中直接用${props=>...}插值，theme须通过ThemeProvider注入，styled组件必须定义在模块顶层以防重复类名，混用CSSModules时优先级取决于CSS特异性与加载顺序。
-
padEnd是JavaScript中用于字符串末尾填充以实现字段对齐的方法，语法为str.padEnd(targetLength,padString)，目标长度须大于原长，否则返回原串，常用于纯文本报表、日志等场景。
-
直接用::placeholder伪元素修改颜色，但需兼容各浏览器前缀：Chrome57+/Firefox51+/Safari10.1+支持无前缀；老版本需分别添加::-webkit-input-placeholder、::-moz-placeholder（Firefox51前为单冒号）、:-ms-input-placeholder（IE10–11）。
-
闭包是函数与其词法作用域的组合，即内部函数引用外部函数局部变量且外部函数返回该内部函数，从而保持变量在内存中持续可用；常用于模拟私有变量、事件状态保持、柯里化及API封装等实际场景。
-
hwb()函数需严格按色相（0–360，可省单位）、白度%、黑度%顺序书写，二者和≤100%，不支持alpha；失效主因是浏览器兼容性不足（Firefox≥111、Safari≥16.4）、拼写错误、构建工具未处理或缺失降级色。
-
grid-auto-rows设置隐式行高使卡片等高，gap统一行列间距；结合auto-fit和minmax实现响应式自适应布局，无需手动处理外边距与高度，提升卡片网格的整洁性与灵活性。
-
::first-letter仅对块级容器中首个非空白非标点字符生效，需配合float:left、font-size、line-height:1、margin-right及父元素display:flow-root清除浮动；中文需注意前导标点与字体宽度影响。
-
能，rel="canonical"是搜索引擎识别规范URL的建议标签，须置于<head>中且仅一个，必须用绝对路径，动态页需过滤参数，AMP页须与canonical双向对应。
-
正确写法是<audiosrc="music.mp3"controls></audio>，但需确保路径正确、使用HTTP服务器而非file://协议、配合用户交互调用play()并捕获异常，autoplay必须搭配muted才可能生效。
-
Generator函数是一种可暂停执行并按需产出值的特殊函数。它通过function*声明，使用yield关键字暂停并返回值，调用时返回一个迭代器对象，通过next()方法驱动执行，返回包含value和done属性的对象。与普通函数不同，它支持异步流程顺序化、惰性求值、自定义迭代器及状态管理。实际应用中可用于实现协程、yield委托、数据管道、复杂状态机等高级场景。但需注意实例不可重用、错误处理复杂、性能开销及调试难度增加等问题。
-
@import不推荐使用，因其同步阻塞加载、无法被预加载器识别、导致串行瀑布请求，并存在旧版IE兼容问题及构建工具支持不足等缺陷。
-
:host-context()仅接受单个复合选择器（如body.dark-theme）作为参数，不支持选择器列表（article,aside）或复杂选择器（mainarticle），错误用法会导致样式完全失效。
-
Chrome从47版、Firefox从51版起支持::placeholder，但Firefox默认继承父级color而Chrome用浅灰；仅设color可能被覆盖，需加!important确保Firefox生效。
