-
用事件委托+Element.matches()实现滚动高亮联动，本质是避开高频scroll事件直接操作DOM的性能陷阱，转而用一次监听+精准匹配替代遍历判断。
-
TypeScript通过静态类型检查提升代码质量与协作效率。其类型推断根据初始化值自动确定变量类型，函数返回值也可自动推断，减少冗余注解；联合类型在条件判断中基于typeof、in、instanceof等操作被收窄，结合自定义类型守卫如isString可精确控制流程中的类型状态。泛型高级应用支持Textends约束泛型范围，keyof实现属性安全访问，infer在条件类型中提取子类型，如ReturnType利用infer获取函数返回值类型。映射类型如Partial、Readonly可生成新类型，支持ink
-
Symbol不能用new调用，因其本质是原始值而非对象；支持new会导致语义混淆、误用风险及类型系统不一致，且已有Symbol()和Symbol.for()完全覆盖使用场景。
-
量化宏任务并发对移动端浏览器CPU能耗压力，需建立“任务规模—CPU响应—能耗表现”闭环：通过adb抓取CPU占用率、PerformanceAPI监测任务延迟、DevTools分析帧耗时，并结合硬件主频与/proc/stat计算有效负载，再用batterystats归一化验证电量消耗，最后以FID>100ms等用户体验指标反向校验。
-
HTML无法直接插入功能完整的在线预约日历，必须依赖FullCalendar等JS库配合后端API实现交互；iframe嵌入虽纯HTML但高度受限，核心逻辑如数据管理、冲突校验、通知等均需后端支撑。
-
page-break-marks并非标准CSS属性，也未被任何主流浏览器支持；它源于对出版软件裁切标记的误迁，@page规则仅支持尺寸、边距等基础打印控制，无法生成物理裁切线。
-
Proxy和Reflect是配合使用的对象行为控制机制：Proxy拦截操作，Reflect提供与之对应的标准化底层方法，二者结合可实现安全、可靠、可维护的元编程逻辑。
-
判断题组件应使用原生radio实现，每题name唯一（如q3），value严格为"true"/"false"；需防护未选情况，用数据驱动比对答案，并通过labelfor绑定提升可访问性。
-
align-items:center本身不会导致按钮高度不一致，问题源于其未生效或被干扰：父容器未正确启用Flex、按钮自身设了height/min-height、混用vertical-align、图标未设display:block、文字换行或IE11兼容缺失等。
-
inherit无效最常见原因是用于不可继承属性（如margin、display），浏览器直接忽略；或父元素该属性计算值为initial/unset，子元素继承“空值”。
-
加了image-rendering仍模糊，因其仅作用于已缩放图片且不改变资源选择；根本原因是srcset配置错误或缺失sizes，导致未加载@2x/@3x图，而该属性无法提升原始分辨率。
-
clear:both不是清除浮动的最佳选择，因其仅解决兄弟元素遮挡而无法防止父容器塌陷，且引入冗余DOM；overflow方案有裁剪或滚动条副作用；现代推荐伪元素clearfix法，干净无副作用；长远应放弃浮动，改用flex或grid布局。
-
正确使用HTML5视频控件需添加controls属性并设置宽高，通过source标签指定视频路径和格式，推荐MP4以确保兼容性；为适配不同浏览器可提供多个格式源文件；可选autoplay、muted、loop和preload属性实现自动播放、静音、循环及预加载功能；若控件不显示，应检查controls是否遗漏、路径是否正确、服务器MIME类型配置及浏览器自动播放策略限制。
-
HTML5拖拽API仅捕获拖放动作并获取FileList，上传需配合FileReader或FormData与fetch/XHR；dragover和drop事件必须调用preventDefault()，否则流程中断；应直接使用dataTransfer.files而非items，移动端需降级为fileinput。
-
mix-blend-mode在移动端性能差，因其需与背后所有内容实时混合，强制全区域重绘；搭配transform会切断像素通路，导致CPU软合成、掉帧加剧；应减少混合范围、用isolation隔离、优先采用color/fallback等零开销方案。
