-
JavaScript闭包通过函数“记住”其词法作用域来保持组件状态，即使函数在其作用域外执行也能访问内部变量。1.利用闭包封装状态变量：将状态定义在函数内部并返回可操作该状态的函数，如createCounter示例中count被increment等函数持续访问；2.在React函数组件中使用闭包：结合useState和useEffect，闭包捕获当前渲染的变量值，但需用函数式更新（如setCount(prev=>prev+1)）避免使用过时值；3.闭包用于事件处理：动态生成事件处理器时，闭包正确捕获
-
MutationObserver用于监听DOM树的变化，其核心在于创建观察者实例并指定监听的节点及变化类型。1.创建目标节点和配置选项，定义监听属性、子节点、文本内容等变化；2.回调函数处理变化事件，通过mutationsList获取变化详情；3.使用observer.observe()开始监听，observer.disconnect()停止监听；4.性能优化包括避免过度监听、限制范围、高效回调、使用节流防抖、防止循环触发；5.处理复杂结构时启用subtree选项，并利用MutationRecord对象精
-
setInterval是JavaScript中用于重复执行函数的定时器函数，其基本语法为setInterval(callback,delay,[arg1,arg2,...])，callback为要重复执行的函数，delay为间隔时间（毫秒），可选参数会传递给callback；它返回一个唯一ID，需通过clearInterval(intervalID)手动清除，否则可能导致内存泄漏；与setTimeout不同，setInterval适用于需要重复执行的任务，而setTimeout更适合单次执行或精确控制执行
-
JavaScript中Array.prototype.includes方法用于快速判断数组是否包含特定元素，返回布尔值。1.语法为arr.includes(searchElement[,fromIndex])，searchElement是查找的元素，fromIndex是可选的起始索引，默认从0开始；2.includes方法直接返回true或false，语义清晰且处理NaN更可靠，indexOf则因返回索引需额外判断；3.对于对象或数组等复杂数据类型，includes使用严格相等（===）比较引用而非内容，
-
事件循环无独立错误处理阶段，错误处理由业务代码或框架借助其调度机制完成；2.同步错误在当前任务内用try...catch立即捕获，未捕获则触发全局处理器如uncaughtException；3.异步错误如Promise拒绝若无.catch()将在微任务队列清空后触发unhandledRejection事件；4.常见坑包括滥用uncaughtException、忽略unhandledRejection及误用try...catch捕获异步错误；5.最佳实践为始终处理Promise拒绝、善用全局事件监控日志、谨
-
v-if根据条件决定元素是否渲染到DOM，条件为假时完全销毁元素及其组件、事件和数据请求；2.v-if与v-show区别在于：v-if操作DOM实现“存在或不存在”，开销大适合不常切换场景，v-show仅切换display样式实现“看得见或看不见”，适合频繁切换；3.v-if会触发组件完整生命周期钩子（如mounted和unmounted），需在销毁前清理资源避免内存泄漏；4.使用v-if避免与v-for同用、推荐用template分组或父级控制，复杂条件抽成computed，必要时加key确保组件独立。
-
波浪扩散动画的核心CSS属性与原理包括：1.position定位，通过relative和absolute实现伪元素相对于中心点定位；2.border-radius:50%创建圆形；3.transform:scale实现扩散缩放；4.opacity控制透明度变化；5.@keyframes和animation定义并应用动画效果。具体实现中，HTML结构使用一个div作为中心点，CSS通过伪元素::before和::after生成两个波纹层，分别设置border、border-radius、opacity等样式
-
在CSS中，px代表像素，是屏幕显示的最小单位之一。px单位提供了精确的尺寸控制，但需结合其他单位和技术实现最佳用户体验：1.px在不同设备上显示效果一致，适合精确控制元素大小和位置；2.在响应式设计中，px可能不够灵活，需结合em或rem；3.高分辨率屏幕上，px可能不够清晰，可使用device-pixel-ratio优化；4.结合px和calc函数可实现更灵活的布局。
-
JavaScript模块化通过import和export实现代码拆分与复用，解决全局污染问题。1.每个文件为独立模块，默认变量不可见，需通过export导出功能；2.import用于引入其他模块的功能，支持命名导入、默认导入及整体导入；3.带来代码隔离、依赖明确、TreeShaking优化等优势；4.使用时注意避免默认与命名导出混淆、循环依赖及保持模块单一职责；5.浏览器原生支持ESM并通过构建工具优化，Node.js则采用CommonJS并逐步支持ESM，存在兼容性差异。
-
模态框的实现需包含三个关键元素：1.背景遮罩层（overlay）用于阻止用户与页面其他部分交互；2.模态框主体（modal）用于展示内容；3.JavaScript代码控制显示与隐藏。通过HTML构建结构，CSS设置position:fixed和z-index确保层级与居中，JS通过事件监听实现打开、关闭、点击遮罩或按Esc键关闭功能。添加CSStransition并配合classList.add/remove可实现淡入缩放动画，关闭时用setTimeout延迟隐藏以完成动画。表单提交时需调用event.p
-
1.setTimeout和setImmediate的执行顺序取决于事件循环阶段。在主模块代码中，setTimeout(fn,0)通常先执行，因为事件循环从timers阶段开始，随后进入check阶段执行setImmediate；但在I/O回调中，setImmediate几乎总是优先，因为事件循环在poll阶段结束后会直接进入check阶段处理setImmediate回调，再回到timers阶段处理setTimeout。2.此外，process.nextTick和Promise微任务具有更高的优先级，会在当
-
在前端开发中，可以通过CSS选择器实现模态框的显示控制，核心方法有1.利用:target伪类和2.使用“CheckboxHack”。1.:target伪类通过URL哈希与元素ID匹配来触发显示，点击关闭链接可清除哈希从而隐藏模态框；2.CheckboxHack则通过复选框的:checked状态结合兄弟选择器控制模态框的可见性。尽管这两种方式无需JavaScript且性能较优，但也存在明显局限，如关闭逻辑受限、多模态框管理困难、缺乏状态管理及无障碍支持不足等。因此，纯CSS方案适用于静态简单的场景，而涉及复
-
CSS的overflow属性主要有四个核心值：1.visible（内容溢出并覆盖相邻元素）；2.hidden（裁剪溢出内容）；3.scroll（始终显示滚动条）；4.auto（根据内容自动显示滚动条）。它们用于解决容器与内容之间的边界冲突。实际应用中，常见问题包括容器未设置明确高度、display属性不兼容、父容器限制及绝对定位影响等，导致overflow失效。此外，可通过text-overflow、flex布局、媒体查询等方式优化溢出处理，并结合::-webkit-scrollbar和scrollbar
-
z-index必须配合position为relative、absolute、fixed或sticky的元素才生效；2.常见应用场景包括模态框、下拉菜单、固定头部、工具提示、图片叠加和地图控件；3.z-index不生效主因是未设position或堆叠上下文限制，即父级上下文层级决定子元素显示优先级；4.合理管理需规划层级范围、用CSS变量统一维护、避免滥用大数值、理解堆叠上下文机制并加注释说明特殊设置，这样才能精准控制层叠顺序且便于维护。
-
惰性继承的核心是将属性或方法的初始化推迟到首次被访问时，以提升性能和减少资源消耗；2.最常见的实现方式是通过Object.defineProperty在原型链上定义一个带有getter的属性，该getter在首次访问时计算值，并用Object.defineProperty将自身替换为静态值，从而实现缓存；3.除了getter方案，还可以在访问方法中通过判断属性是否为null/undefined来手动初始化，这种方式简单直观，适用于非频繁访问场景；4.Proxy也可用于实现更灵活的惰性加载，通过拦截get操
