-
object标签仅在PDF嵌入、SVG或需强fallback控制的遗留场景中仍有价值;PDF嵌入要求data与type严格匹配且服务端响应头正确,typemustmatch可强制校验;Flash等插件已全面不支持;fallback内容须为合法HTML且位于object标签内;仅当无原生语义标签、需无JSfallback、依赖type校验及多层降级时才应使用object。
-
MessageChannel需同源调用且端口必须显式启动:跨域时虽可创建但消息被静默丢弃;port.postMessage后须调用port.start()或设置onmessage;port1与port2须分发给双方;传输大数据应使用transfer列表实现零拷贝。
-
最简单兼容方案是CSStransform:scale()配合:hover实现平滑居中缩放,需设display:block、transition、transform-origin:center及overflow:hidden防溢出,并添加cursor、GPU加速等细节优化体验。
-
Object.isExtensible仅用于检测对象是否可扩展,不能主动防范属性膨胀;真正防护需结合Object.preventExtensions设限、Proxy拦截非法新增、关键节点断言校验,并规避误用陷阱。
-
不会。CSS渐变本身静态,不触发重绘;性能瓶颈源于动画中图层合成开销、低端WebView兼容性、大量复用组件及fixed背景等场景,需结合DevTools实测判断并谨慎替换为纯色。
-
WebPushpayload必须使用AES-128-GCM加密,由客户端提供的auth和p256dh派生密钥,浏览器强制要求content-encoding、encryption、crypto-key三头部齐全且格式正确,否则推送失败。
-
根本原因是flex子项默认min-width:auto阻止收缩,必须显式设min-width:0(横向)或min-height:0(纵向),并配合white-space:nowrap、overflow:hidden、text-overflow:ellipsis四者缺一不可。
-
不适合;kbd标签语义上表示单个按键或同时按下的组合键,不能直接嵌套多个kbd表达快捷键,否则导致语义错乱、视觉断裂及屏幕阅读器误读。
-
Less3.x升级到4.x是“收边界”而非加功能,收紧语义与校验:除法需括号或./、@import必须带.less后缀、颜色/尺寸函数参数须带单位、嵌套中父级@变量不可隐式访问。
-
<!DOCTYPEhtml>必须是文件第一个字符,前置任何空格、注释或BOM均触发怪异模式,导致document.compatMode为"BackCompat",盒模型、Flex等行为异常。
-
在HTML中显示条形码有两种主要技术选择:1.服务器端生成图片,优点是兼容性好、减轻客户端负担、便于缓存和CDN分发、安全性高,缺点是实时性差、服务器压力大、位图缩放可能模糊;2.客户端JavaScript库动态生成,优点是实时动态更新、减少服务器负载、支持离线生成、SVG格式清晰可缩放,缺点是依赖JavaScript、可能影响客户端性能、增加页面加载体积、老浏览器兼容性问题。选择方案需根据应用场景权衡,产品展示页适合服务器生成图片,交互式系统适合客户端生成。
-
正确做法是用[aria-hidden="true"]配合绝对定位等样式隐藏元素,同时保持语义;[aria-expanded]需按值写属性选择器;[aria-disabled="true"]要与:disabled并用;避免用[role]选择器做样式主干。
-
函数声明会被完整提升,包括函数名和函数体;函数表达式仅变量名提升,赋值不提升;块级函数声明行为不统一,严格模式下受TDZ约束;箭头函数和class声明不享受函数声明式提升。
-
CSSLayoutInstabilityAPI仅报告布局偏移(如CLS),不追踪触发偏移的原始DOM属性变动;它能指出“页面某处跳了24px”,但无法告知是哪行代码(如style.height=‘auto’)导致,需配合MutationObserver等方案才能定位根本原因。
-
X-Content-Type-Options:nosniff对HTML无效,仅作用于外链JS/CSS等资源;它禁用浏览器MIME嗅探,防止text/plain等响应被误执行为脚本,配置需覆盖所有静态资源路径且避免被代理或location块覆盖。