-
MessageChannel是提供两个隔离MessagePort实例的双向通信机制，相比postMessage可避免消息队列竞争、支持零拷贝传输、实现端口专属与复用。
-
structuredClone()无法拷贝ImageBitmap，因其是不可序列化的原生图形资源句柄，不属于结构化克隆白名单类型，调用会抛出DataCloneError；替代方案包括转为ImageData中转、Transferable句柄移交或clone()复用。
-
WebPush实现需三步：注册ServiceWorker并监听push事件、申请用户授权后获取PushSubscription、后端用VAPID私钥加密发送消息；须遵守HTTPS、userVisibleOnly、公私钥匹配等安全限制。
-
本文详解因JavaScript语法错误（多余闭合大括号、重复变量声明、未定义变量引用）导致leaderboard表格数据无法渲染的典型问题，并提供可直接部署的修复代码与调试建议。
-
斗鱼平台仅允许使用<b>、<i>、<u>、<s>、<sub>、<sup>等基础格式化标签，禁用所有脚本、嵌入式标签及CSS样式；弹幕中HTML会被转义为纯文本，公告栏可用<br>换行，推荐使用内置富文本工具实现加粗、斜体等效果。
-
BroadcastChannel是浏览器原生支持的同源跨标签页广播通信机制，仅限同协议、域名、端口页面间使用，不兼容IE，消息自动送达所有同名频道监听页但不包括发送方自身，需手动close()防泄漏。
-
output标签本身不计算，只负责语义化显示；实时更新依赖oninput事件配合JavaScript表达式，推荐绑定在form上以自动代理子元素事件，优先使用value属性赋值并注意空值兜底处理。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
text-indent无效的首要原因是作用于行内元素（如<span>、），它仅对块级元素或display设为block/inline-block的元素生效；需检查元素类型、父容器布局及是否被其他样式覆盖。
-
<pre>标签在HTML中用于保留文本的原始格式。1)它适用于展示代码、诗歌等需要保持格式的文本。2)使用时需在文本前后加上<pre>和</pre>。3)结合<code>标签可更好展示代码。4)使用时需注意文本默认使用等宽字体和可能影响页面布局。
-
答案：:not()伪类可排除特定元素实现精准样式控制。通过:not(选择器)语法，如p:not(.highlight)或input:not([disabled])，能为不匹配条件的元素应用样式，常用于跳过特殊类、状态或结构的元素，结合属性与结构选择器可实现高级过滤，但需注意仅支持单个简单参数、不兼容旧版IE且不可选伪元素，现代浏览器广泛支持，合理使用可提升代码简洁性与维护性。
-
HTML站点地图是供用户阅读的语义化导航页，须用<h2><ul><li><a>等标准标签构建，禁用XML结构；XML站点地图须程序生成、严格校验格式与URL有效性，超限需分片并通过sitemapindex.xml聚合。
-
根本原因是类名层级未真正解耦，BEM要求样式严格基于单个类名匹配、禁用结构选择器与动态拼接，需统一修饰符前缀、硬编码类名、避免CSSModules破坏可读性，并通过工具校验和协作对齐保障体系落地。
-
vw和vh是基于视口宽度和高度的CSS单位，1vw等于视口宽度的1%，1vh等于高度的1%，可实现元素尺寸的响应式自适应。它们适用于全屏布局（如height:100vh）、响应式字体（如calc(16px+2vw)）、等比容器（如width:80vw;height:80vw）及弹性间距控制。使用时需注意移动端地址栏导致的100vh异常、小屏文字溢出问题，建议结合clamp()限定范围，并为老浏览器提供px回退方案，以提升兼容性与体验一致性。
-
mix-blend-mode是CSS属性，用于设置元素与其下方内容的混合模式，以实现视觉叠加效果。1.它接受多种混合模式值，如normal、multiply、screen、overlay等，决定元素颜色如何与下方内容进行计算；2.常用于文本与背景图像融合、创建镂空或蒙版效果、图形叠加等场景；3.与background-blend-mode不同，mix-blend-mode作用于元素整体与页面内容的混合，而background-blend-mode仅作用于元素内部的多个背景图像之间；4.使用时需注意浏览器兼
