-
IntersectionObserverAPI用于异步观察元素与视口的交叉状态，适用于懒加载图像和无限滚动等。使用步骤包括：1)创建IntersectionObserver实例，设置回调函数和阈值；2)选择目标元素并开始观察；3)在元素进入视口时执行操作，如加载图片；4)优化时可批量处理和及时取消观察，提升性能；5)考虑兼容性问题，使用polyfill解决。
-
答案：使用JavaScript操作WebSocket需掌握连接、发送、接收和关闭四个核心步骤。首先创建WebSocket对象并监听onopen事件建立连接；通过send()方法发送字符串或二进制数据；设置onmessage事件接收服务器消息；通过close()关闭连接，并利用onclose和onerror处理关闭状态与错误；可通过readyState查看连接状态，binaryType设置二进制数据类型，实现稳定通信。
-
CSS文件合并可减少HTTP请求，提升页面加载速度。通过手动或构建工具（如Webpack、Gulp、Vite）将多个CSS文件合并为少量文件，结合按页面拆分和Sass/Less预处理器组织结构，平衡性能与维护性，避免冗余加载。
-
柯里化是将多参数函数转换为单参数函数序列的技术，通过部分应用和延迟执行提升代码复用与组合性；利用函数length属性可手动实现通用curry函数；适用于参数预设、函数组合等场景，但需注意对动态参数支持有限及性能影响。
-
首先创建包含Canvas和JavaScript代码的HTML文件，命名为fireworks.html并保存为UTF-8编码；接着检查并引入必要的JS库，如通过CDN加载Three.js或使用本地路径；然后用现代浏览器打开该文件，确保动画正常播放；若效果未显示，按F12打开开发者工具查看Console报错，排查语法或资源加载问题；最后可自定义particleCount、colors等参数调整烟花密度、颜色和速度，保存后刷新预览效果。
-
使用CSS@keyframes和text-shadow属性可实现文字阴影动画。通过在关键帧中改变阴影的偏移、模糊度和颜色，能创建脉冲发光或拖尾等动态效果。例如，pulseShadow动画通过调整text-shadow的模糊半径和颜色，使文字产生呼吸式发光；slideShadow则通过改变水平和垂直偏移，实现阴影移动的拖尾感。应用时需注意性能优化，避免过多阴影层导致卡顿，建议使用ease-in-out缓动函数提升流畅度，并确保背景与阴影颜色对比明显以增强视觉效果。结合animation属性可让动画无限循环，
-
grid-template-rows配合auto可实现自适应行高布局。1.用于头部固定、内容自适应、底部固定的常见页面结构；2.多个auto区域结合固定值或gap实现灵活间距；3.auto与fr混合使用，使内容行按需占用、剩余空间合理分配。注意容器高度设置及溢出控制，避免全用auto导致布局失控。
-
嵌套盒子是HTML元素层级的体现，通过结构化HTML与CSS控制实现布局，如main-container包含header、sidebar和content，CSS定义各盒子样式与排列。
-
首先获取用户授权，再通过WebNotificationAPI显示通知；结合ServiceWorker与PushAPI实现后台持久化推送，服务器经推送服务发送消息，ServiceWorker接收并展示通知，同时处理点击交互，形成完整消息闭环。
-
响应式按钮应避免在移动端依赖:hover，通过@media区分设备类型，桌面端使用:hover增强交互，移动端用:active或JavaScript提供即时反馈，同时优化动画性能，确保体验流畅一致。
-
使用span可让Grid子元素跨越多行或多列，语法为start-line/spanN，常用于页头、侧边栏、画廊等布局，相比直接指定结束线更灵活易读，提升响应式设计效率。
-
z-index用于控制定位元素在Z轴上的堆叠顺序，数值越大层级越高，但受堆叠上下文限制，需结合position使用，并注意层级分组以避免冲突。
-
变量提升是JavaScript预解析机制，将变量和函数声明提升至作用域顶部。var声明的变量仅声明被提升，赋值保留原位，导致访问未赋值变量为undefined；函数声明整体被提升，可先调用后定义，而函数表达式仅声明提升，调用时可能报错；let和const存在提升但进入暂时性死区，声明前访问会抛出错误；在同一作用域中，函数声明优先级高于变量声明，同名情况下函数声明覆盖变量声明。理解提升机制有助于避免误用和调试代码。
-
使用transform:scale()配合transition或@keyframes实现缩放动画，性能好且代码简洁。1.通过transition可实现hover时的平滑缩放，如.box:hover{transform:scale(1.2);}并设置过渡时间。2.使用@keyframes能创建复杂动画，如脉冲效果：定义0%到50%再到100%的scale变化，并应用animation属性循环播放。3.可通过transform-origin调整缩放中心点，默认为中心，也可设为topleft等位置以满足不同视觉
-
JavaScript的事件循环是其非阻塞I/O和并发模型的核心机制。1.JavaScript运行在单线程环境中，通过事件循环协调代码执行、处理异步操作；2.异步任务如setTimeout、fetch等被交给宿主环境处理，完成后回调放入消息队列；3.事件循环持续检查调用栈是否为空，若空则从消息队列取出回调执行；4.消息队列分为宏任务队列（如setTimeout、I/O）和微任务队列（如Promise回调），微任务优先级更高，会在宏任务之间被清空；5.JavaScript通过事件循环与宿主环境协作，实现“协作
