-
rate属性的合法取值范围是0.1到10.0，但实际可用区间更窄：低于0.5易卡顿断句，高于2.0常见丢词失真，iOSSafari超过1.8可能忽略设置。
-
实时数据更新应依场景选通信机制：WebSocket适用于低延迟双向交互，需完善生命周期管理；SSE适合服务端单向推送，兼容性好且自动重连；fetch轮询则用于实时性要求低或受限环境，须加节流与退避；MutationObserver不属实时数据更新方案。
-
反应力测试游戏必须用performance.now()而非Date.now()，因其精度达微秒级、单调递增且不受系统时钟影响；需配对keydown/keyup、禁用被动事件监听、显式清除定时器，否则会导致计时错误或负值。
-
document.cookie读写不生效因它是伪接口：写入需指定路径、过期时间等，否则会话级失效或跨路径不可读；HttpOnlycookie无法JS读取；读取须正则匹配防分号干扰；删除需严格匹配path/domain并设过去时间。
-
响应式断点应基于主流设备视口区间与内容布局需求确定，推荐使用768px、1024px、1280px三个核心断点，采用min-width移动优先策略，避免混用max-width，确保每个断点解决明确的布局问题。
-
required仅校验非空，不触发pattern等自定义规则；pattern默认不校验空值，需手动干预验证流程，推荐用submit事件拦截+checkValidity()+reportValidity()统一控制。
-
根本原因是iOSSafari和部分安卓WebView中:focus-within响应输入框聚焦时强制弹出软键盘，导致视口压缩、布局突变，而:focus-within样式已提前生效，造成视觉错位。
-
矩形词云需用JavaScript在canvas或svg中逐词计算位置、避让与旋转实现，CSSflex/grid无法满足语义权重、动态避让、旋转及响应式重布局等核心需求。
-
最轻量兼容的淡入淡出方案是CSSopacity+transition配合JS类名切换：基础类设opacity:0和transition，.show类设opacity:1；多图轮播需JS管理索引、绝对定位叠层、仅用opacity/z-index控制显隐，避免display/visibility导致无法过渡或布局抖动。
-
无法靠统一色域配置文件解决Safari与Chrome颜色差异，因CSS不读取ICC/DisplayP3文件；根因是浏览器对未声明色彩空间的颜色（如#FF6B6B）按各自策略解释：Safari默认映射到DisplayP3，Chrome倾向保持sRGB；唯一可控方式是显式使用color(srgb10.41960.4196)并配fallback。
-
分片计算需每帧控制在2ms内并主动退出，禁用DOM操作，兼容降级需模拟timeRemaining和超时逻辑，中断时须保存offset与中间状态。
-
加了backface-visibility:hidden反而让元素消失，是因为该属性在安卓旧版浏览器中强制创建独立合成层，切断其与定位上下文的关联，导致absolute找不到包含块、fixed无法锚定视口而被跳过渲染。
-
HTML5的<video>标签支持五种嵌入方式：一、用相对/绝对路径引用本地视频；二、用HTTP/HTTPSURL引用网络视频，需注意跨域与preload；三、用多个<source>适配不同编码格式；四、用autoplay+muted实现静音自动播放；五、添加备用文本或图片及error事件处理加载失败。
-
HTML高频面试题源于真实开发痛点：DOCTYPE缺失致怪异模式、src/href混用影响资源加载、语义标签误用损害SEO与无障碍、viewport缺失导致移动端显示异常。
-
纯HTML+CSS可实现猫咪动画，需用transform替代top/left确保GPU加速，border-radius用百分比防变形，hover动画加animation-fill-mode:both防失效，注意Safari兼容性。
