-
HTML5页面模糊通常由Windows非整数缩放、浏览器DPI渲染策略或Intel核显驱动过旧导致，而非HTML5标准本身问题；应优先设系统缩放为100%、启用Chrome高DPI支持参数并更新Intel官方显卡驱动。
-
HTML文件必须保存为UTF-8无BOM编码；<metacharset="utf-8">须置于<head>内最前；服务器响应头Content-Type优先级最高；AJAX中文乱码需后端设charset或JS显式指定MIME类型。
-
display:none完全移出可访问性树，visibility:hidden保留在树中但不可见，aria-hidden="true"仅屏蔽辅助技术读取。三者对屏幕阅读器影响不同，需依语义和交互需求选择。
-
合并CSS文件能提升加载性能，因其减少关键路径上的网络往返次数，缓解浏览器并发请求限制导致的排队阻塞；但需区分场景：基础通用样式应合并，路由专属或条件样式应按需加载。
-
Proxy本身不提供回滚或审计能力，但可作为统一钩子，在set/deleteProperty中触发快照、比对与日志；需结合外部系统实现持久化、权限校验与通知闭环。
-
flex-basis:content经常不生效，因浏览器支持有限且仅在特定条件下触发内容宽度计算，常回退为auto；验证需查Computed样式中是否显示content。
-
本文详解Canvas2D上下文中translate()与drawImage()坐标系差异导致的图像错位问题，通过修正旋转中心点（从左上角改为图像中心），实现精准、无偏移的图像旋转。
-
navigator.vibrate仅在ChromeforAndroid、FirefoxforAndroid、SamsungInternet等现代安卓浏览器支持，iOSSafari完全禁用且navigator.vibrate为undefined。
-
自定义表单控件需通过伪元素+相邻选择器绑定状态，补全浏览器前缀、隐藏原生控件、适配暗色模式与禁用态，并确保可访问性。
-
滚动驱动固定是CSS新标准，原生支持滚动进度控制位置，仅Chromium115+稳定支持；position:sticky可实现兼容性更好的“伪滚动固定”；真滚动驱动需scroll-timeline与animation-timeline配合，JS方案须用requestAnimationFrame防抖。
-
WebWorker能缓解卡顿，但仅对纯计算任务有效；用错会加重卡顿，因其不解决DOM或IO阻塞，且高频postMessage、不当通信或低端设备多实例反而引发新卡顿。
-
用opacity和visibility组合配合transition实现自然淡入淡出，避免display切换；定义fade-in动画并设置transition时序，确保进出动效平滑，辅以position:absolute或固定高度防抖动。
-
JavaScript中的隐式转换由==比较、算术运算（+/-/*/等）、逻辑运算（&&/||/!）、条件上下文（if/while/三元）触发，核心依赖ToNumber、ToString、ToBoolean规则，需结合场景理解而非死记结果。
-
metarefresh会触发页面重载或跳转：仅设秒数（如content="3"）时重载当前页；含url=（如content="3;url=/login"）时才跳转。
-
nav标签用于定义页面的主要导航区域，应使用语义化的ul和a标签构建导航结构，1.使用nav包裹导航链接列表以提升语义化和可访问性；2.通过CSS移除列表默认样式并设置flex布局实现水平排列；3.利用媒体查询和JavaScript实现响应式汉堡菜单；4.遵循清晰标签、一致样式、键盘可访问、高亮当前页等最佳实践；5.推荐使用aria-current="page"标识当前页面，确保导航在不同设备和辅助技术下均具备良好体验，最终提升SEO与用户体验。
