-
<p>Less中搜索框hover/focus样式需按&:hover→&:focus→&:focus-visible顺序声明，hover必须在focus前；清空按钮用"::-webkit-search-cancel-button"引号写法；图标padding和width用~"calc(100%-@{icon-width})"避免编译错误；复用样式应抽为mixin并控制嵌套层级。</p>
-
localStorage.setItem()未生效主因是键名错误、值未转字符串或页面未加载完就执行；读取返回null属正常首次运行现象，需用parseInt(getItem()||"0",10)安全转换；多模式高分应分键存储而非嵌套对象；iOS无痕模式会禁用localStorage，须加try/catch兜底。
-
HTML暗黑模式仅响应系统主题而不改变它，核心依赖prefers-color-scheme（只读快照）与data-theme（用户权威主题源），需正确监听change、同步meta、localStorage及CSS变量兜底。
-
JavaScript数组去重有Set、filter+indexOf、reduce及对象按key去重四种方法：Set最简洁高效但仅适用于原始类型；filter+indexOf兼容旧浏览器但性能为O(n²)；reduce灵活可扩展；对象去重需指定唯一key字段。
-
gitinit后需先用gitremoteaddorigin<url>绑定远程仓库，再gitpush；未配.gitignore会导致node_modules等误提交；SSH推送失败需检查密钥配置；push不更新线上页面因缺少自动部署，需确认托管平台设置。
-
保留大小是定位内存泄漏最核心指标，指对象被回收时能释放的独占内存总量；它比浅层大小更精准、比深层大小更真实，MAT中按RetainedHeap排序可快速定位泄漏源头。
-
span设padding上下无效是因为行内元素不响应垂直padding，需改用display:inline-block或inline-flex才能使完整盒模型生效。
-
退款邮件必须适配Outlook、Gmail等客户端的渲染限制，采用table布局、内联样式、绝对URL和脱敏字段，关键字段需与后端严格对齐，并经多端实测验证。
-
iPad上用HTML5加载glTF模型必须使用WebGL2.0环境，Safari（iOS15.4+）已默认启用，但需显式初始化THREE.WebGLRenderer并验证renderer.capabilities.isWebGL2为true；必须用r137+的THREE.GLTFLoader加载.glb格式模型；file://协议被禁止，须通过本地HTTP服务（如python3-mhttp.server）访问；纹理路径问题可通过全封装.glb规避；性能优化需控制纹理尺寸≤2048×2048、骨骼数≤32、
-
Subgrid目前不能用于解决常规嵌套容器对齐问题——它不被主流浏览器广泛支持，且仅适用于特定场景；应优先确认是否遗漏display:grid、误用margin:auto或轨道无高度空间等基础问题。
-
<progress>标签需手动控制value才能实现真实加载进度；浏览器不自动映射解析、下载等过程，常见错误包括字符串赋值、未设max、用setAttribute更新、阻塞主线程；应结合readystatechange、load事件、PerformanceObserver及超时兜底来精准反馈。
-
figure默认不居中，它只是语义化的块级元素，宽度默认撑满父容器且margin为0，无内置居中行为；居中需通过width+margin:auto、Flex布局或text-align配合inline-block等CSS方式实现。
-
<var>是纯语义化标签，仅标注变量名，不存储值、不绑定JS变量；其内容需用textContent获取字符串，不能直接当作JS变量使用。
-
clip属性已废弃，应使用clip-path替代；clip-path支持多边形、圆形等灵活裁剪，兼容性好且语法直观，而clip仅限绝对定位元素、不支持圆角、兼容性差。
-
组件初始化慢本质是多个逻辑在错误时机集中执行，挤占主线程；应将非首屏逻辑移出created、用nextTick/setTimeout延后执行，依赖DOM的操作推迟至mounted并配合requestIdleCallback或IntersectionObserver降权，重型第三方库改用defineAsyncComponent或dynamicimport按需加载，结合performance.mark精准测量各生命周期耗时，避免强制同步布局等隐性性能陷阱。
