最容易被混淆的关键点，其实是 nth-child 选择器的计数机制。很多人以为它仅仅是“选取第几个元素”，但它的真实逻辑是：先根据父元素下所有直接子元素的全局序号进行编号，再检查这个序号位置上的元素类型是否与选择器匹配。如果类型不符，则直接忽略。常见的坑，就出在这里。 nth-child 并非“选取

在JavaScript中处理原始类型时，需使用typeof结合显式null undefined分离进行类型断言，禁止隐式转换并一律采用严格等于===，输入数据前置校验，冻结原生原型以防止原型污染，最后以纯函数封装校验逻辑隔离副作用，从而提升代码安全性与可维护性。

动态生成复选框需用事件委托绑定change事件，并在回调函数中实时查询DOM获取选中状态，避免变量缓存空集合导致的失效问题。推荐使用$(document) on( "change ", " class ",handler)和$( " class:checked ")实时检索，以正确获取选中值并更新URL参数。

侧边栏使用语义化HTML（nav、ul、aria属性）及CSS固定宽度（flex-shrink:0、min-width）锁定布局；响应式切换通过data-collapsed控制显隐，结合aria-hidden与inert彻底隐藏DOM，动画优先用transform避免重排。

非void元素使用自闭合斜杠时，解析器忽略斜杠导致未闭合标签，后续内容成为子节点直至触发隐式闭合。块级元素嵌套于格式化元素会触发隐式闭合，破坏DOM结构，引发CSS选择器失效、JS查询返回null等问题。排查需查看渲染后DOM结构，通过DevTools观察节点层级或手动补全闭合测试。

苹果Safari浏览器从iOS10系统版本起彻底移除meta标签的format-detection属性支持，该标签已失效。唯一可靠方案是使用CSS属性-webkit-touch-callout:none并结合HTML的role= text 容器包裹数字，同时避免数字中混用短横线、括号等易触发识别的符号。该方案已在多个iOS版本中验证有效，开发者务必遵守。

字符串的replace方法默认只替换首个匹配项，正则添加g标志可实现全局替换。捕获组通过$1、$2等引用。传入回调函数能动态处理替换逻辑，该方法不修改原字符串，返回新字符串。常用于文本格式化、模板替换等场景。

async await将异步链式调用转为同步风格，串行依赖用多个await按序等待，错误隔离用分段try catch，并行任务用Promise all()，防重复请求需节流、缓存与AbortController，确保流程清晰健壮。