-
event.relatedTarget是鼠标边界事件中指向相邻节点的只读属性：mouseover时为离开的元素，mouseout/mouseleave时为将进入的元素，mouseenter时为离开的元素；非边界事件中为null。
-
JavaScript动态计算剩余天数并用CSS控制红色预警样式，HTML仅作结构容器；HTML本身无执行能力，无法读取时间或自动更新，倒计时必须由JS每秒计算差值并刷新DOM。
-
WebLocksAPI仅协调写操作资格，不直接防止数据库冲突；必须将完整读-改-写流程包入navigator.locks.request()回调，并awaittx.done确保事务完成后再释放锁，否则会导致ABA覆盖和数据丢失。
-
DOM是浏览器提供的JS与HTML交互的接口，将HTML解析为可操作的对象树；常用方法包括getElementById、querySelector等；修改内容优先用textContent，事件监听须用addEventListener并注意函数引用。
-
video的error事件仅在致命加载或解码失败时触发，如404、跨域拒绝、格式不支持、文件损坏；其触发依据是video.error为非null的MediaError对象，code为1～4分别对应用户取消、网络错误、解码失败、源不可用。
-
HTML本身没有多线程，浏览器通过WebWorker、SharedArrayBuffer、OffscreenCanvas等机制实现并发；主线程负责DOM、渲染与事件循环，Worker则隔离执行耗时任务，但需注意通信开销、跨域隔离要求及API限制。
-
IE8及更早版本完全不支持GeolocationAPI，navigator.geolocation为undefined，必须先用if判断存在性再调用，否则直接报错；替代方案只能是IP定位或手动输入，Polyfill无效。
-
能彻底阻断DOMXSS，但仅当启用CSP头require-trusted-types-for'script'并确保所有危险DOM操作均通过TrustedTypes策略接口执行；否则防护失效。
-
order属性仅在display:grid或inline-grid容器的子项上生效，用于控制网格流中的视觉顺序，不影响DOM结构、可访问性及SEO。
-
浮动元素脱离文档流导致父容器高度塌陷，使页脚误判位置而上移；clear:both需作用于文档流中位于浮动后的块级元素，现代推荐用display:flow-root或overflow:hidden清除塌陷。
-
<p>生成器函数是用function*声明、返回Generator对象的特殊函数，yield用于暂停执行并产出值；它本身不处理异步，需配合能自动awaitPromise的执行器（如co或redux-saga）才可实现异步逻辑。</p>
-
color-contrast()是静态比较工具，需配合light-dark()或媒体查询适配深色模式，候选色须为字面量，不校验WCAG标准；DevTools对比度检测有局限，真实场景需手动验证。
-
应使用URL.createObjectURL()获取预览URL，比FileReader.readAsDataURL()更高效；需在更换图片前调用URL.revokeObjectURL()释放旧引用，避免内存泄漏，并用CSS的max-width/max-height和object-fit控制显示效果。
-
Emit不实现文件上传进度条，真正依赖的是前端XMLHttpRequest的upload.onprogress事件监听上传进度，后端只需常规接收IFormFile即可。
-
前端性能监控异步请求耗时应优先使用PerformanceAPI自动采集，通过performance.getEntriesByType('resource')获取完整阶段耗时；兼容旧浏览器需手动埋点并用requestIdleCallback延迟上报；须过滤缓存、重定向、CORS限制及cancel请求等干扰。
