-
懒加载能提升首屏速度，但仅适用于非首屏资源；对首屏主图误用会导致CLS或空白占位符。loading="lazy"最简但兼容性有限，IntersectionObserver更可控，关键资源应优先使用preload或fetchpriority。
-
background-image不阻塞HTML解析和DOM构建，但会阻塞load事件，并可能延迟首次绘制导致“闪白”；需通过<linkrel="preload">单独预加载、image-set()或媒体查询响应式加载、伪元素+IntersectionObserver懒加载来优化。
-
JavaScript执行栈是后进先出的栈结构，用于管理函数调用顺序：函数调用时压入执行上下文，执行完毕即弹出；全局上下文最先入栈、最后出栈；报错信息中的“at”源自栈顶调用链；异步回调需待栈空后由事件循环调度入栈。
-
本文详解JS游戏中碰撞检测响应异常（过早、过晚或不触发）的根本原因，聚焦getBoundingClientRect()的正确使用、坐标空间统一、实时边界获取等核心实践，并提供可直接运行的修复代码。
-
WebAudioAPI提供高级音频控制，支持可视化、自定义音效、3D定位与实时录音。通过AnalyserNode实现频谱绘制，AudioWorklet进行非阻塞音效处理，PannerNode结合AudioListener模拟空间音效，再集成MediaStreamAudioDestinationNode与MediaRecorder实现带效果的音频录制，构建高性能浏览器音频应用。
-
WebSocket是浏览器与服务器间持久化双向通信协议，高效低延迟，适用于实时场景；需正确建连、监听onopen/onmessage/onerror/onclose事件、检查readyState发送消息、并实现重连与心跳机制保障稳定性。
-
最稳妥方案是用rem配合html根元素动态调整字体大小，通过JS根据屏幕宽度或用户偏好设置document.documentElement.style.fontSize，并同步协调line-height、font-weight等属性以避免布局错乱。
-
答案：通过HTML的media属性可实现响应式CSS加载。1.使用link标签的media属性，如(max-width:600px)时加载small.css；2.常见条件包括设备宽度、横竖屏、打印和高分辨率屏幕；3.可用and组合多条件，精确控制加载时机；4.注意每个link只引用一个文件，避免样式冲突，提升性能。
-
语义化HTML结构对内容优化至关重要，因为它提升SEO、可访问性和代码维护性。1.使用header、nav、main等语义标签明确页面骨架，替代传统div堆砌。2.正确运用h1至h6标题层级，清晰表达内容主次逻辑，避免跳跃或滥用。3.采用内容区块化设计，通过section、article划分主题区域，增强可读性。4.精准使用文本标签如ul、ol、blockquote及强调标签strong、em，提升信息传达效率。5.图片添加alt文本、启用懒加载、适配响应式布局，优化多媒体嵌入体验。6.注重交互元素的可访
-
BroadcastChannelAPI是浏览器提供的同源跨标签页通信方案，通过创建命名频道实现消息广播；支持postMessage发送消息和onmessage或addEventListener接收消息，适用于登录状态同步、数据共享等场景；需注意仅同源通信、不保证消息顺序与送达、需手动关闭通道，且IE不支持、老版Safari有限兼容。
-
可使用CSS的position:fixed实现元素始终悬浮于视口特定位置，需配合top/right/bottom/left定位、z-index提升层级，并通过padding预留空间防遮挡；移动端需添加viewportmeta和transform:translateZ(0)优化；动态控制可用scroll事件+节流；兼容性不足时可用position:sticky替代。
-
要实现纯CSS开关切换效果，首先使用隐藏的checkbox结合:checked伪类和相邻兄弟选择器控制样式。其次设计label作为开关轨道，span作为滑块，并通过CSS定义开与关的不同样式。最后为提升可访问性，需确保键盘导航支持及焦点状态可视化。这种方法性能好、结构清晰，且易于维护。
-
radial-gradient()用于创建从中心向外扩散的渐变效果，基本语法为background:radial-gradient(形状或大小,颜色1,颜色2,...);可设置圆形或椭圆形状、大小关键词如closest-side、中心位置attopright等，颜色可指定停止点；现代浏览器均支持，需至少定义两种颜色，未指定形状时默认为椭圆，常与background-size等属性配合使用以增强视觉层次。
-
矩阵计算器的加减函数在首次调用后失效，根本原因是用同名变量（如add、sub）意外覆盖了全局函数声明，导致后续点击按钮时调用的是数值而非函数。
-
不能。CSS选择器无运行时逻辑能力，仅能响应已存在的DOM结构和类名；:has()虽增强结构判断但受限兼容性、性能及动态内容；状态决策仍需JS或SSR提前注入。
