-
通过设置justify-items和align-items可解决CSS网格子元素对齐问题，前者控制水平对齐，后者控制垂直对齐，常用值有start、end、center和stretch，默认为stretch；需确保父容器设置了display:grid才生效；若需单独调整某个子元素，可使用justify-self或align-self覆盖全局设置。
-
本文详解如何使用Next.js的router.push()正确生成形如/boarding-school/delhi-ncr?gender=male&somekey=value的动态URL，避免路径重复拼接问题，并推荐最佳实践写法。
-
掌握CSS定位关键在于理解四种模式的行为逻辑：static不脱离文档流；relative占位且偏移基于自身；absolute脱离流并参照最近已定位祖先；fixed脱离流且相对视口固定；sticky是两者的结合体。
-
在Svelte中使用splice()赋值给新变量时，常误以为它返回剩余数组，实则返回被删除元素；更关键的是splice()会原地修改原数组，导致images1和images2意外指向同一数据源。正确做法是统一使用不可变操作（如slice()或toSpliced()）。
-
HTML5无法被移除，因其是浏览器内置的现代Web标准集合；实际操作应聚焦于禁用特定API、构建时避免语义标签或引入polyfill兼容旧浏览器。
-
TypeScript是JavaScript的增强版超集，添加可选静态类型；所有合法JS代码即合法TS代码，加类型标注即可获编译检查、智能提示与安全重构等能力。
-
最直接检测HTML注释残留漏洞的方法是通过浏览器查看网页源代码，手动搜索敏感信息如API密钥、内部IP、调试信息等，这些常被开发人员无意遗留的注释可能暴露系统结构、凭证或未上线功能，导致信息泄露、攻击面扩大甚至内网渗透；也可借助BurpSuite、OWASPZAP等扫描工具或自定义脚本自动化检测，结合关键词匹配提升效率，但最终仍需人工分析上下文以评估真实风险。
-
笔记本触控板的“轻点”（tap）操作在部分浏览器中不会触发标准onclick事件，但可通过改用onmousedown或更现代的addEventListener('click')方式兼容所有点击输入源（包括鼠标左键、触控板轻点、触摸屏点击等）。
-
<base>标签仅影响明确用于资源定位的属性，如href、src、action等；不影响JavaScriptAPI、srcset、CSSurl()等；且仅第一个<base>生效，动态插入只作用于后续新解析URL。
-
JavaScript中没有原生SocketAPI，实际使用的是WebSocket；它基于TCP、双向实时通信，与HTTP的请求响应模式有本质区别，需用ws://或wss://协议创建连接。
-
Zustand的persist中间件在页面刷新后会丢失store中定义的方法（如setColor），因其仅持久化可序列化的状态值，而函数无法被JSON序列化，导致重hydration后方法变为undefined。
-
navigator.vibrate()不提供震动反馈数据，因其是单向轻量级提示接口，无传感器读数、执行状态或事件回调；仅返回true表示调用成功，不保证实际震动发生。
-
nth-child依赖DOM中的物理位置而非可见性，因此隐藏行（display:none）仍参与计数，导致奇偶背景色错乱；正确做法是动态重置可见行的序号类（如row-1,row-2）或改用:nth-of-type配合结构优化。
-
float布局塌陷指父容器因子元素浮动而高度坍缩为0，导致背景/边框消失、后续元素上移；clearfix通过伪元素+clear:both强制撑高父容器，但现代推荐用flex或grid替代。
-
vertical-align对浮动元素无效，仅适用于行内级元素和表格单元格；替代方案是用inline-block配合vertical-align或直接使用flex实现垂直居中。
