-
正确使用标签需注意路径、target属性、锚点及SPA适配：相对路径以当前文件为起点，绝对路径以/开头；新开标签页须加rel="noopenernoreferrer"；锚点id需严格匹配且URL编码中文；SPA中优先用路由API。
-
CSS定位布局核心是理解position与文档流关系：relative原地微调不脱流，absolute脱离文档流认父定位，fixed锁定视口，sticky滚动时相对转固定。
-
用Proxy实现带撤销功能的数据状态机，核心是在set拦截中深拷贝当前state并存档快照、重置重做栈，配合currentIndex指针管理历史数组索引，支持undo/redo操作。
-
BigInt无法被JSON.stringify序列化会直接抛出TypeError错误，因JSON标准不支持该类型；解决需用replacer函数转字符串、提前过滤或改用structuredClone()等原生支持方案。
-
flex布局下表单换行需设flex-wrap:wrap，否则nowrap强制单行；宽度控制用flex-basis而非width；label与input对齐需align-items:center且label须参与flex流；小屏响应式应结合媒体查询重置flex-basis或改column。
-
使用document.activeElement监控焦点流向是优化复杂表单无障碍体验最轻量、最可靠的方式，它不依赖事件监听器、不受异步渲染干扰，能实时准确反映用户当前操作位置。
-
ShadowDOM的CSS变量是唯一被规范允许的安全主题通信机制，需显式挂载于宿主元素并用var(--name,fallback)读取，不继承:root或body中的声明。
-
loading="lazy"仅适用于明确不在首屏内、有固定宽高且处于正常文档流中的图片；首屏关键图、无尺寸属性、父级用transform/visibility:hidden、在iframe内或浏览器不支持时均会失效。
-
JavaScript类型转换分显式和隐式：显式由开发者调用Number()、String()、Boolean()等控制，隐式由引擎在==、+、!等操作中自动触发；应优先用===、显式转换和类型检查来规避bug。
-
直接用fill:currentColor即可实现SVG图标颜色随文本色变化，但需满足三个前提：SVG内联、无内联fill覆盖、fill作用于path等具体图形元素；color:red对SVG无效因其填充由fill控制，非color属性。
-
<kbd>必须拆开写、不能监听、默认样式不可靠——三点缺一不可。组合键需多个<kbd>标签外加分隔符，修饰键须独立包裹；须重置字体、内边距、圆角、背景色；其仅作语义展示，快捷键逻辑须JS手动实现。
-
Chromev93+和新版Edge默认强制内置验证，novalidate仅跳过JS校验而非彻底禁用；可靠方案需移除验证属性、submit时setCustomValidity('')清空状态，或用inputmode替代type。
-
::first-letter失效主因是DOM或CSS环境不合规，如父元素display:flex/grid、首字符被内联标签包裹、HTML前有空白或注释；实现下沉需float:left、line-height:0.75、font-size≥2.5em协同。
-
用对象管理筛选状态并每次全量重算，避免class切换累加；事件委托处理多选；range防抖+URLSearchParams同步URL。
-
FID必须用JavaScript主动监听计算上报，不能靠HTML控制；其本质是用户触发事件到浏览器开始处理的排队延迟，需用event.timeStamp减performance.now()近似计算，且监听须尽早注册并过滤后台事件。
