-
HTML可访问性测试需结合自动化工具与人工审查，自动化工具可快速发现如alt文本缺失等硬性错误，但无法评估上下文、键盘导航逻辑或屏幕阅读器体验，因此必须辅以手动键盘操作、屏幕阅读器测试及开发者工具检查，才能全面保障用户体验。
-
confirm()会阻塞主线程且现代浏览器限制严格，应改用Promise封装的自定义弹窗组件实现：遮罩层+可聚焦按钮+键盘支持+异步返回。
-
CSSGrid在SSR中更稳定，因其静态声明式布局（如grid-template-areas）可由服务端直接生成确定结构，避免hydration重排与CLS；而Flexbox等依赖运行时测量或内容撑开的布局易导致水合偏移。
-
色相差值需模360运算，避免手动截断导致过渡突兀；HSL的S/L非线性，配色应依视觉权重动态补偿；hsl(from)语法支持分量继承，提升可维护性。
-
WebWorker通信不直接导致事件循环抖动，真正原因在于消息传递方式、数据体积、主线程负载及Worker内部逻辑；应使用transferable、扁平化消息、节流输出、OffscreenCanvas零拷贝等策略抑制时延波动。
-
隔行变色可用nth-child(odd/even)实现，兼容IE9+；需注意其按父元素所有子元素排序，混用标签时建议限定范围或改用nth-of-type。
-
HTML是网页开发必学的第一门标记语言，需按五步系统学习：一、理解其结构化标记本质并识别常见标签；二、用纯文本编辑器编写最简HTML文件并本地预览；三、掌握标题、段落、列表等核心标签的语义与嵌套规则；四、正确使用超链接与图像标签，注意路径与属性规范；五、通过手动检查和W3C验证工具调试语法错误。
-
使用map()时漏写return会导致新数组全为undefined，因map依赖回调函数显式返回值；箭头函数单表达式可隐式返回，块级语句必须显式return。
-
animation-fill-mode:forwards必须显式声明，因其默认值为none，动画结束后会立即丢弃关键帧样式并“闪回”原始状态；需在触发动画的规则中与animation同级书写，且关键帧中须完整声明所有需保留的属性，同时注意display、visibility及高优先级样式的覆盖影响。
-
侧边栏收缩布局用Flex实现，核心是类名切换控制width+transition动画，主内容区设flex:1和min-width:0，侧边栏设初始width、min-width:0且不设flex-shrink:0；收缩时通过.sidebar-collapsed切换width和overflow，图标保留、文字opacity/width归零；小屏下媒体查询隐藏侧边栏，汉堡菜单以fixed覆盖层唤出。
-
直接遍历Identifier重命名会出错，因未区分声明与引用；应基于作用域识别绑定，仅在声明位置生成新名，并通过scope.getBinding映射所有引用，同时保留全局API和导出变量。
-
默认cluster.schedulingPolicy在macOS/Windows为SCHED_NONE，导致连接集中到首个worker；Linux为SCHED_RR故较均衡。应显式设置cluster.schedulingPolicy=cluster.SCHED_RR。
-
用事件委托配合matches实现邮件多选：监听.mail-list的change事件，用e.target.matches('.mail-checkbox')识别目标，通过value获取邮件ID，统一处理勾选、全选及indeterminate状态，并用Array.from+querySelectorAll批量提取已选项。
-
SharedArrayBuffer无法直接同步DOM对象，只能通过共享轻量元数据（如ID、坐标、状态标志等）实现高速同步；主线程与Worker各自维护DOM映射，借助定长结构体、原子操作和双缓冲协议协作，避免序列化开销，延迟可达亚毫秒级。
-
CSS动画性能关键在属性选择与控制：width/height/top/left等触发重排，box-shadow/filter等易致重绘；应优先使用transform和opacity等合成属性；需限制并发数量、视口外暂停、交互动画≤300ms，并合理设置时长与缓动。
