-
Chrome原生支持HTML5音视频标签,无需安装插件;现代版本(v80+)默认优先HTML5,仅在Flash残留、格式不支持、扩展干扰或GPU驱动异常时降级。
-
:nth-child(n)错位因按HTML子元素序号计数而非视觉列序,colspan会使后续单元格序号偏移;仅当表格无colspan/rowspan、每行单元格数一致且结构固定时才可靠;推荐用语义化class或colgroup辅助标记列。
-
步骤条通过stepProp控制高亮与连线状态,索引≤step为已完成,=step为进行中,连线渲染至step-1;可选statusProp支持pending/processing/success/error多态语义;父组件驱动流程校验与跳转,确保受控性与业务一致性。
-
IdleDetectionAPI的start()方法需先获取“idle-detection”权限且仅在安全上下文(HTTPS/localhost)中可用;必须由用户手势触发权限请求,通过navigator.permissions.query预检状态,创建IdleDetector实例并配置threshold后绑定onchange事件,再调用实例start()方法,且须try/catch捕获可能的SecurityError或NotAllowedError。
-
动态加载CSS应优先用link标签,需设rel="stylesheet"和href,避免仅依赖onload;并发插入要按层叠顺序严格控制;重复插入需查重;fetch+insertRule仅适用于小量规则且有诸多限制。
-
WeakRef仅提供弱持有,不自动销毁数据;需结合视口监听、主动清理和安全访问机制实现视口外数据释放。
-
contrast()仅在Less编译期根据背景色luma静态计算文字色,不支持运行时动态变色;其@threshold是luma分界点(非亮度阈值),合理范围为30%–45%,且需配合lighten()/darken()微调以提升可读性与舒适度。
-
linear-gradient()方向须用toside-or-corner格式(如tobottom),禁用旧语法top;色标需手动设百分比或像素值控制过渡节奏;透明色需配合background-color和border-style:solid才能正常显示。
-
html5play函数根本不存在,它是对HTMLMediaElement.play()的误记或杜撰;正确做法是用URL.createObjectURL()创建临时URL并由用户手势触发play()。
-
模板字面量类型真正落地的价值在于编译期捕获路径参数类型错误并支持IDE自动提示合法路径;需结合条件类型+infer递归解析占位符,精确推导RouteParams为对象字面量而非Record,且须与useParams等Hook深度集成。
-
<meter>标签表示已知范围内的标量值位置,非进度条;需正确设置min/max/value/low/high才具语义;样式定制须分浏览器处理伪元素;多数场景推荐<div>+ARIA替代。
-
推荐使用CSS设置文字样式,通过style属性或样式表定义font-family、font-size和color;2.可在标签内用style直接设置,或在style标签及外部文件中统一管理;3.避免使用已废弃的font标签。
-
box-shadow四个值依次为水平偏移、垂直偏移、模糊半径和颜色;漏掉颜色或调换后两值位置会导致失效或异常;模糊半径不能为负;配合transform和多层阴影可提升真实感,但需注意Safari兼容性。
-
手风琴效果不必强制使用details元素,但details+summary是最稳妥方案,原生支持展开/收起、键盘操作与屏幕阅读器语义,无需JS;多开为默认行为,单开需少量JS实现;动画应避免max-height:none,推荐设固定较大值(如600px)。
-
HTML和CSS无round函数,必须用JavaScript实现;Math.round()仅支持整数四舍五入且负数按向正无穷取整,保留小数需手动缩放,严格四舍五入应避免toFixed()的银行家舍入。