-
output标签本身不计算，只负责语义化显示；实时更新依赖oninput事件配合JavaScript表达式，推荐绑定在form上以自动代理子元素事件，优先使用value属性赋值并注意空值兜底处理。
-
BroadcastChannel是浏览器原生支持的同源跨标签页广播通信机制，仅限同协议、域名、端口页面间使用，不兼容IE，消息自动送达所有同名频道监听页但不包括发送方自身，需手动close()防泄漏。
-
斗鱼平台仅允许使用<b>、<i>、<u>、<s>、<sub>、<sup>等基础格式化标签，禁用所有脚本、嵌入式标签及CSS样式；弹幕中HTML会被转义为纯文本，公告栏可用<br>换行，推荐使用内置富文本工具实现加粗、斜体等效果。
-
本文详解因JavaScript语法错误（多余闭合大括号、重复变量声明、未定义变量引用）导致leaderboard表格数据无法渲染的典型问题，并提供可直接部署的修复代码与调试建议。
-
WebPush实现需三步：注册ServiceWorker并监听push事件、申请用户授权后获取PushSubscription、后端用VAPID私钥加密发送消息；须遵守HTTPS、userVisibleOnly、公私钥匹配等安全限制。
-
装饰性图片必须写空alt属性（alt=""），不可省略alt或使用无意义描述；其指纯视觉美化、不传递关键信息的图片，如分隔线、背景花纹等。
-
JavaScript模块化核心是ES6的import/export语法，支持命名导出、默认导出及混合导入，需静态声明、顶层作用域，浏览器用type="module"，Node.js需"type":"module"或.mjs后缀。
-
CSS通配符选择器（*）是一种全局样式控制工具，适用于初始化样式、调试和统一布局行为。1.它能匹配所有元素，包括伪元素，常用于CSSReset操作，如设置统一盒模型；2.可用于快速调试，如添加红色边框以查看元素边界；3.但存在性能问题，尤其在复杂页面中影响渲染速度；4.因其低特异性，易被其他选择器覆盖，导致样式冲突；5.使用时可能产生副作用，如误改表单元素默认样式或上线未删除的调试样式；6.更推荐使用body/html选择器、CSS变量、继承机制或预处理器实现更可控的全局样式管理。
-
本文详解如何解决CSS指纹扫描动画中背景图随元素尺寸变化而偏移的问题，通过固定background-position值替代center，确保扫描光效始终精准对齐指纹区域。
-
使用A标签的download属性可直接下载文件而非在浏览器中打开，支持自定义文件名，但需注意同源策略、服务端响应头及浏览器兼容性限制。
-
::before和::after插入符号必须设置content属性才能渲染，其值可为空字符串、Unicode符号或图标字体字符码；需配合position、display、font-family等控制定位、对齐与样式，并注意继承性、响应式及可访问性。
-
使用align-items:stretch并配合min-height可解决子元素高度不一致导致的布局错位。1.父容器设置display:flex；2.子元素避免固定height，使用min-height保证最低高度；3.align-items:stretch为默认行为，自动拉伸子元素填满交叉轴；4.结合flex-grow或flex-direction增强布局适应性。适用于卡片布局、内容行数不一等场景，保持视觉对齐。
-
浮动元素换行主因是外边距参与布局计算导致空间不足；应优先用padding而非margin控制间距，父容器需用overflow:hidden或clear:both清除浮动以避免塌陷。
-
原型链是JavaScript对象模型的核心，它通过__proto__链接对象与构造函数的prototype，实现属性和方法的继承查找。当访问对象属性时，若自身不存在，则沿原型链向上搜索，直至Object.prototype或null终止。所有对象最终继承自Object.prototype，共享通用方法如toString。构造函数创建实例时，实例的__proto__指向构造函数的prototype，实现方法共享与内存优化。例如Person.prototype添加greet方法后，所有Person实例均可调用
-
JavaScript通过CanvasAPI绘图需先用getContext('2d')获取2D上下文，再调用fillRect、arc、lineTo等路径方法绘制图形，配合fillStyle、strokeStyle等属性设置样式，并通过clearRect、requestAnimationFrame实现动态交互与重绘。
