-
使用IntersectionObserverAPI实现无限滚动，能提升性能并避免频繁监听scroll事件导致的卡顿。通过创建观察器监听哨兵元素，当其进入视口时加载新数据，结合阈值设置、节流控制和资源释放优化，可实现流畅的无限滚动效果。
-
JavaScript无原生注解，但可通过JSDoc标签、TypeScript装饰器、路由meta字段或高阶函数模拟实现权限控制。例如：用@requiresRole标注权限需求，通过@RequireRole装饰器运行时校验，Vue路由meta配置角色要求，React高阶组件封装权限逻辑，实现声明式、可维护的权限管理体系。
-
HTML5的FileAPI通过input获取文件后，利用FileReader异步读取内容。首先从e.target.files[0]获取File对象，可读取文件名、大小和类型；再用FileReader的readAsText、readAsDataURL或readAsArrayBuffer方法加载文件，分别用于文本读取、图片预览和二进制处理；通过onload、onerror和onprogress事件监听读取状态并处理错误，实现如文本显示或图片预览功能，核心在于File与FileReader的异步事件配合。
-
虚拟滚动通过仅渲染可见区域内容提升性能，需自行管理滚动位置、元素高度及可见范围；在React、Vue、Angular中均可实现，核心原理一致但语法和状态管理方式不同。
-
作用域链确定变量查找路径，变量提升影响声明解析。JavaScript中，函数定义时创建作用域链，变量查找从当前作用域逐层向上；var声明提升但不赋值，let/const存在暂时性死区，导致未初始化前访问报错。两者交互时，内层同名变量遮蔽外层，提升仅限本作用域有效，如showName中局部name提升致输出undefined而非global。理解二者可避免常见错误，提升代码可靠性。
-
使用Flexbox实现图片画廊多列布局需设置display:flex、flex-wrap:wrap和gap。通过flex:00calc()定义每项宽度，结合width:100%和height:auto保持图片比例，轻松创建响应式画廊。
-
使用Sass变量和模块化结构可高效管理前端样式。1、创建\_variables.scss定义$primary-color等变量并导入主文件；2、在组件SCSS中引用变量实现统一更新；3、利用嵌套规则映射HTML结构，提升可读性；4、通过@mixin封装可复用样式块并传参；5、按功能拆分Sass模块文件，便于团队协作与维护。
-
答案：JavaScript内存泄漏主因包括全局变量、未清理定时器、闭包陷阱、脱离DOM引用、事件监听器未移除及集合类型未清理；通过ChromeDevTools的Memory面板进行堆快照对比和分配时间线分析，可定位泄漏对象；解决策略包括使用WeakMap/WeakSet、及时清除定时器与事件监听器、解除DOM引用、利用框架生命周期钩子并定期开展内存剖析。
-
使用align-items:center可解决导航栏图标与文字对齐问题。通过将导航项设为Flex容器，结合gap设置间距，确保图标和文字垂直居中；需统一图标尺寸或包裹处理以避免偏移，并可配合line-height增强兼容性，提升移动端显示稳定性。
-
需将HTML特殊字符转义为实体以实现代码原样显示，常用方法包括：手动实体替换、pre/code标签配合转义、JavaScript动态转义、CSSwhite-space控制、highlight.js语法高亮。
-
答案：通过background-clip、多重背景、box-shadow和border-image等技术，可实现边框与背景的深度融合。首先利用background-clip控制背景绘制区域，实现背景不穿透边框或模拟内边框；其次结合多重背景与background-origin，用渐变或图案层模拟复杂边框效果；再通过box-shadow的spread-radius和inset创建内外伪边框，且不影响布局；最后使用border-image实现图像或渐变填充边框，配合透明border显示特殊视觉效果。这些方法共同
-
下拉菜单高度跳动是因height无法从0过渡到auto，应改用max-height过渡并设足够大值（如500px）配合overflow:hidden；需确保内容提前渲染、样式固定，并合理设置过渡时长（0.25s~0.35s）与缓动函数。
-
语义化标签通过明确内容角色提升可读性、可访问性与SEO，应根据内容独立性与功能选用article、nav、aside等标签，避免滥用div，合理嵌套并配合ARIA属性，确保结构清晰且符合实际需求。
-
本文旨在解决Node.js/Express应用中，使用Postman发送`multipart/form-data`请求时，`req.body`无法被正确解析的问题。通过详细分析Express内置解析器与`multer`中间件的区别，本文提供了一种使用`multer.none()`的有效解决方案，并探讨了在用户注册流程中处理非文件型`form-data`的最佳实践，帮助开发者应对因依赖更新可能导致的请求体解析异常。
-
事件冒泡是指事件从目标元素逐级向上传播至document的过程；可通过stopPropagation()阻止冒泡，preventDefault()阻止默认行为，二者作用不同且可共存。
