-
z-index在3D场景中失效是正常现象，因浏览器按Z轴实际坐标（如translateZ值）而非z-index数值决定渲染顺序；需通过调整transform中的Z值精确控制前后关系。
-
跨域请求因浏览器同源策略被阻止，是安全机制而非bug；解决方式主要有CORS（服务端配置响应头）、JSONP（仅GET，已淘汰）和代理服务器（开发常用），推荐优先配置CORS。
-
nonce是CSP中授权内联脚本执行的一次性随机字符串，需服务端同步生成并严格匹配响应头script-src'nonce-xxx'与标签nonce="xxx"属性，否则静默失效。
-
font-weight未生效的主因是字体不支持对应字重，需通过DevTools检查计算值及字体文件是否存在；其次注意加载顺序、简写语法缺失font-family、打印/移动端兼容性等问题。
-
主流深拷贝工具如JSON.stringify()→parse()、structuredClone()、Lodash_.cloneDeep()和fast-copy默认跳过不可枚举属性；仅fast-copy开启strict模式、手写描述符遍历或PHPDeepCopy等方案能完整保留。
-
WebSocket是基于TCP的全双工通信协议，支持持久连接、双向实时消息、轻量帧头，需手动处理重连与JSON序列化，适用于聊天、实时通知等场景。
-
FIMO生成的HTML报告默认不包含版本号，需通过终端输出、日志记录或后处理注入；官方未嵌入是因侧重参数复现而非报告溯源。
-
锚点id必须合法唯一且严格匹配：全小写、连字符分隔、不以数字开头、无空格标点中文；h2/h3需同时处理并嵌套生成目录；href必须与id完全一致（含大小写）；启用scroll-behavior:smooth实现平滑滚动。
-
该用article还是section的核心判断标准是：内容单独复制到新HTML文件中能否被完整理解；能则用article，不能则用section（或nav/aside/footer）；且每个section必须含h2–h6标题，否则语义失效。
-
HTML原生无排序机制，实际排序需JS操作DOM；依赖data-*属性可免清洗，否则须正则/类型转换提取有效值；缺失字段需业务逻辑处理；推荐Array.from+sort+appendChild重排，避免innerHTML丢失状态；服务端已排序时前端勿重复排序。
-
纯CSS无法实现点击位置波纹效果，因:active伪元素无法获取鼠标坐标；必须用JS计算点击偏移并设CSS变量，配合transform:translate(-50%,-50%)定位，再用overflow:hidden或clip-path裁剪。
-
本文详解如何通过HTML表单动态向Node.js后端提交自定义消息内容，并触发WebPush通知，避免硬编码、服务worker重注册等问题，实现灵活、可复用的推送系统。本文详解如何通过HTML表单动态向Node.js后端提交自定义消息内容，并触发WebPush通知，避免硬编码、服务worker重注册等问题，实现灵活、可复用的推送系统。要真正掌握WebPush的实用性，关键在于解耦通知内容与服务端逻辑——即不再将消息
-
some比forEach+手动中断更合适，因其天然支持短路：一旦某规则返回true即停止遍历，语义清晰且避免冗余校验；而forEach需抛错或标志位，易出错且可读性差。
-
iOSSafari从初版起就明确不支持background-attachment:fixed，会静默降级为scroll；AndroidChrome也存在兼容性问题，推荐用::before伪元素+position:fixed替代，并注意z-index、clip-path、backface-visibility等关键细节。
-
纯HTML+CSS旅行相册：用语义化<figure>+<figcaption>组织照片、地点、日期，配合srcset/sizes响应式图片、grid-template-columns:repeat(auto-fill,minmax(320px,1fr))自适应布局及打印优化，确保信息完整、多端清晰、无需JS。
