-
跨浏览器CustomEventPolyfill的核心难点在于环境检测、detail属性手动挂载、原型链对齐（CustomEvent.prototype=Event.prototype）、以及dispatchEvent/fireEvent双路径兼容。
-
字体不显示主因是@font-face声明错误或字体路径、格式、权限问题；应检查路径准确性（推荐绝对路径）、多格式兼容性（woff2优先）、语法完整性、跨域及MIME类型配置。
-
旧式组合继承中父类构造函数被调用两次，一次在Child.prototype=newParent()时，一次在Parent.call(this)时；寄生组合式继承通过Object.create(Parent.prototype)避免原型设置时的调用，仅保留call一次初始化。
-
Leaflet用L.control.scale()一行添加准确比例尺，自动适配缩放与投影；Mapbox需手动计算pixelsToMeters并监听moveend；注意CSS盒模型、DPR和高纬度精度问题。
-
Intl.ListFormat可自动按语言规则连接列表项，如中文用顿号加“和”、英文用逗号加“and”、日文用「・」；支持type（conjunction/disjunction）和style（long/short/narrow）配置，现代环境可用，旧版需检测降级。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
-
Object.prototype.isPrototypeOf用于检测对象是否在另一对象原型链中，返回布尔值；调用形式为prototypeObj.isPrototypeOf(instanceObj)，左侧必须是对象且右侧非null/undefined。
-
z-index在视差滚动中失效，因其仅在同层叠上下文中有效；而transform会创建新层叠上下文，使父级z-index失效。真正起作用的是transform:translateZ()创建的Z轴物理距离，如背景层设translateZ(-100px)、内容层设translateZ(0)，才能实现真实视差效果。
-
ServiceWorker本身不提供异步资源完整性修复功能，但可通过组合fetch/install事件、IndexedDB存储预期哈希、CacheAPI缓存管理及crypto.subtle哈希校验，在响应流中按需验证并后台静默修复损坏资源。
-
相对路径最可靠，file://协议在现代浏览器中基本不可用；应使用相对路径链接同级、子目录或上级资源，避免硬编码本地绝对路径；部署前需用本地服务器（如LiveServer）测试，确保路径在HTTP上下文中有效。
-
首先阻止表单默认提交行为，通过监听submit事件并调用preventDefault()；接着使用FormData收集表单数据，包括文件字段；然后利用fetch或XMLHttpRequest发送异步请求，其中XMLHttpRequest可监听上传进度；最后根据服务器响应更新界面提示。示例代码展示了从拦截提交到数据上传及进度反馈的完整流程，实现无刷新异步上传。
-
在网页开发中，表单验证是确保用户输入正确数据的重要环节。:valid和:invalid是CSS提供的伪类选择器，能够根据表单元素是否通过HTML5内置验证规则，动态应用不同的样式。这种方式无需JavaScript就能实现基础的视觉反馈，提升用户体验。基本概念与使用条件这两个伪类依赖于HTML表单元素的校验状态：:valid：当元素的输入值符合其约束条件时生效，例如邮箱格式正确、必填项已填写等。:invalid：当输入值不满足约束时触发，比如输入了非法邮箱或留空必填
-
PerformanceObserver可异步监听页面性能指标，通过指定entryTypes实时捕获LCP、CLS、FP、FCP等核心WebVitals，结合sendBeacon上报数据，精准监控用户体验。
-
HTML表格不该用于页面布局，因其语义本为二维数据展示；误用会导致响应式失效、SEO下降、可访问性中断及维护困难，仅当内容可被Excel处理时才适用。
-
WebSerialAPI通过ReadableStream事件驱动模型实现异步读写与DOM实时更新：用port.readable.getReader()启动非阻塞读取循环，TextDecoder解码字节，缓存切分协议帧，队列化解析结果，requestIdleCallback批量更新DOM，并绑定至响应式数据结构。
