-
用<ol>语义化结构配合flex布局水平排列<li>，伪元素::after绘制连接线并隐藏最后一项，外层容器设overflow-x:auto实现响应式横滑，移动端用clamp()缩放字体、white-space:nowrap防换行。
-
用overflow-wrap:break-word并配合min-width:0和width:100%，可安全折行长URL；word-break:break-all易致中文断字，hyphens:auto对URL无效且有兼容性风险。
-
window.name是浏览器中生命周期与窗口绑定的全局字符串属性，页面跳转、刷新及跨域时均不丢失，适合轻量级跨页面数据传递，但不可存储敏感信息。
-
button的value属性是否显示取决于type：type为submit或reset时value覆盖标签内文本；type为button时value不参与显示，仅用于脚本读取；未声明type时默认submit，仍按提交类规则处理。
-
在CSS中，id属性是HTML元素的唯一标识符。1）id选择器以“#”开头，用于精确选择和样式化单个元素。2）id选择器优先级高，仅次于内联样式和!important。3）id应在页面中唯一使用，避免样式冲突。4）适用于布局中的关键元素，如导航栏和页眉。5）可结合伪类实现复杂效果，但需谨慎使用以防性能问题。
-
本文介绍如何通过监听keydown事件，将用户真实键盘输入无缝接入填字游戏逻辑，替代原有的弹出式虚拟键盘，提升操作效率与用户体验。
-
IE完全不支持all属性和unset关键字，整条声明被静默忽略；需手动重置margin、padding、border、font-size等关键属性为IE兼容值。
-
响应式padding/margin需用rem/em+媒体查询+移动优先：设htmlfont-size基准，断点处统一调小根字号；聚焦卡片、表单等视觉节奏位；Flex/Grid中慎用margin:auto，改用margin-inline或justify-content。
-
优先用transition处理简单状态切换，如hover、toggle；需多步变化、循环或复杂时序时用animation。二者可共存，但需注意性能、兼容性及无障碍支持。
-
必须通过JavaScript手动收集整合：一、遍历所有表单元素构建统一对象；二、按data-group属性分组嵌套收集；三、用FormDataAPI逐个追加支持文件上传；四、创建隐藏表单克隆并提交；五、序列化解析后加前缀合并。
-
该教程解析EloquentJavaScript第14章中talksAbout递归函数的常见陷阱：当HTML中已删除目标文本（如"book"），函数仍返回true，根本原因是脚本自身（console.log所在的<script>标签）被纳入DOM遍历范围，导致匹配到代码中的字符串字面量。该教程解析EloquentJavaScript第14章中`talksAbout`递归函数的常见陷阱：当HTML中
-
translate类需确保元素为独立合成层（如加transform:translateZ(0)），避免混用触发layout的属性，注意父容器overflow:hidden及inline元素需设display:block/inline-block，transition应限定为transition-transform以保顺滑。
-
BEM通过“块__元素--修饰符”命名法使class名语义清晰、无需上下文即可理解，如button__icon表示按钮的图标子元素，button--primary表示主色调修饰态，且禁止嵌套过深或跨块组合。
-
flex-wrap:wrap可使Flex子元素在空间不足时自动换行。默认nowrap不换行，wrap允许换行且新行在下方，wrap-reverse新行在上方。结合justify-content控制行内对齐，align-content控制多行垂直分布，并可通过flex和gap实现响应式布局。
-
Reflect.set返回值仅反映JS引擎层面的赋值可行性，无法捕获业务逻辑失败；业务校验、权限控制等必须由业务层显式实现，不可依赖其返回值判断业务成功与否。
