-
HTML5play()不能无条件直接调用,必须在用户手势(如click、touchend)回调中同步调用并处理Promise返回值,否则会因权限限制被拒绝。
-
--prof是定位CPU瓶颈最轻量可靠的方式,每毫秒采样调用栈生成V8日志;需用--prof-process解析,优先优化selftime高且调用频繁的函数,并配合--trace-deopt、--trace-compiler和--inspect深入归因。
-
transform:rotate()仅实现元素绕自身transform-origin的自转,非圆周运动;真圆周运动需结合translateX/Y与三角函数计算坐标,或用@keyframes预设关键帧、offset-path路径动画、或JS+requestAnimationFrame动态更新位置。
-
Map可通过分层键名(如"user:U123:chart:C456:ver:v2")模拟多级索引,并辅以辅助索引Map加速查询,再封装语义接口与手动过期控制实现完整缓存方案。
-
多列布局专用于连续文本流分栏,浮动仅适用于块级元素并排或图文环绕;响应式文本分栏用column-width,结构布局用flex/grid,二者不可混用。
-
slot是WebComponents中唯一原生的内容分发机制,仅在ShadowDOM下生效,需调用attachShadow()、确保内容为直系子元素、严格匹配slot属性与name值,并正确使用::slotted()和slotchange事件。
-
高可维护HTML布局取决于语义清晰、层级扁平、样式解耦;应使用语义化标签替代div堆砌,合理分工Flexbox与Grid,遵循BEM命名规范,统一响应式策略并确保HTML结构正确。
-
HTML中无通用“应用名称”标签,PWA依赖manifest.json的name和short_name,iOS需apple-mobile-web-app-title,title仅用于标签页和SEO。
-
column-count是实现多栏导航最简方案,需重置li为block、设column-gap,并用column-fill:auto避免断层;项数少时慎用三栏,优先column-width或Grid实现精准控制。
-
使用ResizeObserver监听Canvas容器尺寸变化,获取contentRect宽高,结合devicePixelRatio设置canvaswidth/height并缩放ctx,再重绘;需observe容器、raf优化、防抖及disconnect清理。
-
单选按钮样式定制需隐藏原生input并用label伪元素实现:将input置于label内或用for绑定,设position:absolute;opacity:0;,通过:checked+label::after控制圆点样式,禁用态需单独写input:disabled:checked+label::after,同时保障无障碍与键盘可访问性。
-
现代JavaScript引擎对闭包本身性能友好,但不当使用会干扰JIT内联、加剧变量逃逸、增加GC压力;应优先用let/const、避免闭包持有大对象、保持变量类型一致。
-
poster仅在视频未播放、元数据未加载或加载失败时生效,loadedmetadata触发后浏览器可能立即用首帧覆盖;首帧截取须等seeked事件,而非loadeddata。
-
导航栏下拉菜单不显示的常见原因是JavaScript未初始化或父容器overflow:hidden导致裁剪;需检查JS初始化、data属性、overflow样式、z-index及display/visibility设置。
-
box-sizing:border-box可解决grid-template-columns因padding导致的错位问题,因其使width包含padding和border,确保25%或fr单位严格按可见宽度分配,避免溢出、换行或列宽不均。