-
答案：提升移动端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.持续监控打包结果优化策略。
-
Chrome/Firefox中input[type="number"]的箭头需分别用::-webkit-inner-spin-button和appearance:none隐藏，Safari不支持隐藏；隐藏后键盘上下键仍可增减数值。
-
本文介绍一种符合HTML规范、结构清晰且易于维护的方法：使用CSS类（而非重复ID）批量控制多个表格行的显隐状态，并通过事件委托实现单按钮统一切换。
-
margin-left:-100%是让左栏左边界对齐.main左边界（即容器左边缘），以父容器宽为基准向左移动一个容器宽度，配合.main的左右margin预留侧栏空间，实现三栏自适应布局。
