-
JavaScript事件内存泄漏本质是闭包引用未释放：监听器未解绑或函数引用不一致导致DOM节点及关联数据无法回收，AbortController可统一管理生命周期。
-
HTML表单需要明确标签的核心原因在于提升用户体验、确保无障碍访问，并赋予表单元素清晰语义。1.标签通过for与id关联输入控件，使用户点击标签即可激活输入框，提升可用性；2.屏幕阅读器可读出标签内容，帮助视障用户理解输入目的；3.标签始终可见，不像placeholder会消失，便于用户回顾信息；4.无标签表单会导致可用性下降、无障碍问题严重、代码可读性差、错误提示难以关联；5.高级技巧包括使用fieldset与legend对选项分组，以及使用ARIA属性如aria-labelledby与aria-des
-
旧版Safari中linear-gradient渲染黑块主因是rgba()透明色不被支持，应改用transparent或8位hex（iOS12仍不支持需降级），并双写-webkit-linear-gradient与标准语法、分开声明background属性、避免简写清空渐变。
-
答案：提升移动端JavaScript流畅性需减少主线程负担、避免强制同步布局、优化事件处理与内存管理，并利用WebWorkers。具体包括使用requestIdleCallback分片任务，批量读写DOM，采用CSS动画，合理委托事件并及时解绑，将密集计算移至Worker，从而降低阻塞与重排，提升渲染效率和用户体验。
-
直接用trimStart()无法可靠清理粘贴文本的混合缩进，需先归一化换行、清除零宽字符，再提取首行非空行缩进前缀并逐行移除。
-
应使用<inputtype="tel"name="phone"requiredinputmode="tel"autocomplete="tel">，配合宽松pattern和JS清洗校验，后端必须二次验证；禁用本地存储明文手机号，绑定状态由服务端token控制。
-
outline能绕过border的亚像素渲染锯齿，但仅适用于单色、无圆角、不参与盒模型的视觉边框；它非border替代品，而是特定场景下的临时解法。
-
cancelAnimationFrame必须传入requestAnimationFrame返回的ID而非函数引用；ID需及时保存、作用域可访问、取消前校验有效性（如Number.isInteger），取消后重置为null，避免重复调用或无效操作。
-
HTML编码规范是硬约束，非可选习惯：必须声明DOCTYPE和lang属性，标签与属性名全小写并闭合，属性值用双引号，alt不可省略，data-*需前缀，缩进统一（2或4空格），以保障解析、可访问性、SEO及跨浏览器一致性。
-
使用CSS控制图标颜色的核心方法包括：1.直接通过color属性设置字体或内联SVG图标颜色；2.在SVG中使用fill="currentColor"使其继承父元素文本色；3.利用CSS自定义变量统一管理主题色，提升可维护性；4.定义颜色类名结合JavaScript动态切换状态。需注意图标类型与样式优先级，确保颜色一致性。
-
HTML5原生不支持RTSP，需转码为WebRTC、HLS或MSE-FLV；低延迟选WebRTC，平衡选MSE+FLV，兼容优先选HLS；关键注意GOP、编码格式、音频编码及设备原始流质量。
-
gap属性是CSSGrid中控制子元素间距的最佳方式，语法简洁如gap:10px20px；它避免了margin导致的外边距溢出问题，仅作用于项目之间，不产生额外空白，无需负边距修正。结合媒体查询可实现响应式间距，如不同屏幕尺寸下设置不同gap值，并与align-items、justify-items协同控制对齐，提升布局的可维护性与视觉一致性。
-
translateZ()不能直接实现视差滚动，因其不响应滚动事件，需JavaScript动态计算并结合requestAnimationFrame和translateY模拟；真用translateZ则须配合perspective、preserve-3d及非线性映射，但兼容性与维护成本高。
-
HTML无内置难度过滤功能，需JavaScript或后端实现；推荐用data-level属性配合JS切换display或classList，并注意DOM就绪、CSS优先级及数据可信性。
-
使用动态import()实现路由级代码分割，结合React.lazy或Vue异步路由按需加载组件；2.配置splitChunks提取公共依赖至共享chunk并设置长期缓存，减少重复下载；3.合理使用prefetch/preload提示浏览器预加载关键资源；4.按功能模块而非细粒度拆分避免过多HTTP请求；5.持续监控打包结果优化策略。
