-
通过CSS为Anki卡片中的HTML5标签设置语义化颜色、分组容器、悬停动画和正反面示例，可增强视觉层次与交互反馈，1.结构类标签用蓝色、表单类用橙色、媒体类用绿色；2.正面显示标签名，反面展示代码与说明；3.添加hover缩放与阴影效果；4.使用边框分组相关标签，提升记忆效率。
-
text-align:justify不能实现中间字等距且两端顶边，因其仅对可折行内联内容生效，换行时拉伸空格，不控制单行间距或首尾贴边；flex的space-between或grid的1fr等分才是正确方案。
-
用before伪元素扩展点击区域是推荐方案，因其不新增DOM节点、保持语义与可访问性，且符合Tailwind设计意图；relative+绝对定位空div会破坏语义、干扰屏幕阅读器、易错位。
-
<!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委托、数据管道、复杂状态机等高级场景。但需注意实例不可重用、错误处理复杂、性能开销及调试难度增加等问题。
