-
展开运算符（...）是JavaScript中用于展开可迭代对象的语法，支持数组复制合并、函数传参、对象浅合并与解构，但仅限浅拷贝、不可单独使用、不适用于null/undefined。
-
HTML5中<img>标签直接支持透明PNG，只需图片本身含Alpha通道；叠加时用position:relative/absolute定位，Canvas默认支持PNG透明混合，旧浏览器需用PNG-8兼容。
-
JavaScript事件处理依赖事件循环、任务队列和事件传播路径三者协同，注册监听器不立即执行，仅登记回调；触发需用户交互、dispatchEvent或浏览器状态变更；DOM未就绪时绑定无效，动态元素需委托或重新绑定。
-
JavaScript操作iframe需先获取DOM引用，同源时用contentWindow/contentDocument直接操作，跨域时必须用postMessage通信，并校验origin确保安全。
-
justify-content控制flex容器主轴上直接子元素的剩余空间分配，不影响换行、交叉轴及子项尺寸；常见失效原因包括非flex容器、无剩余空间或主轴方向误解。
-
使用:lang伪类和[class]属性选择器可精准控制多语言样式，如不同语言设置特定字体、颜色及排版，结合lang属性与class实现高效、兼容的多语言页面样式管理。
-
本文详解为何在for循环中为多个单选按钮绑定onclick会导致所有点击都触发同一值（如始终弹出undefined或最后一个值），并提供使用addEventListener和事件委托的现代、可靠解决方案。
-
根本原因是ASP生成的HTML中src路径错误或IIS未正确配置视频MIME类型；需用F12Network验证请求是否200OK，检查路径拼接是否混用物理路径与URL，并为.mp4、.webm等扩展名在IIS中添加video/mp4等对应MIME类型且重启应用池。
-
var定义函数作用域并提升声明但不初始化，let/const定义块级作用域且存在暂时性死区；隐式全局和eval/with会破坏作用域链静态性。
-
text-align仅对行内内容和行内块级元素有效，对块级子元素无效；需用margin:0auto、Flexbox等方案实现块级元素居中。
-
max-height过渡比height过渡更可靠，因height无法从0过渡到auto，而max-height可用足够大的固定值实现平滑动画；需JS动态测量真实高度并配合will-change、setTimeout等确保流畅性与兼容性。
-
HTML5<progress>元素样式需用伪元素定制：Chrome/Edge/Safari用::-webkit-progress-bar和::-webkit-progress-value，Firefox用::progress-bar和::progress-value，IE需降级处理，并统一设置height、appearance及无障碍属性。
-
WeakMap和WeakSet通过弱引用机制避免内存泄漏，适用于需动态管理对象且依赖垃圾回收的场景。1.WeakMap以对象为键，不阻止其被回收，常用于存储DOM节点私有数据、缓存计算结果或模拟私有属性；2.WeakSet用于标记活动对象，如防止重复处理或跟踪事件监听元素；3.两者均不可遍历、无size属性、仅支持对象类型，调试困难，故应在确需弱引用时使用，以提升内存性能。
-
构建工具通过解析、依赖分析、转换、打包与输出实现自动化构建，其插件系统基于钩子机制，在关键生命周期节点注入逻辑。以Webpack为例，插件通过apply方法挂载到compiler对象，监听如emit等事件，实现资源修改或校验。开发插件需注册对应钩子，如html-webpack-plugin的afterHTMLProcessing，在HTML中注入版本号meta标签。通用设计建议包括避免副作用、提供配置选项、友好报错及跨平台兼容性。掌握流程与调试细节是核心。
-
用纯HTML+CSS实现数字徽章：父容器设position:relative，徽章<span>设position:absolute;top:-6px;right:-6px;background:#ff4757;color:white;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;，避免overflow裁剪、确保不塌陷、适
