-
V8通过分代回收机制自动管理内存，新生代用Scavenge算法快速回收短生命周期对象，老生代采用标记-清除与标记-整理结合策略，并引入增量标记、并发与并行回收优化性能，减少主线程阻塞，提升应用响应速度。
-
可选链（?.）允许安全访问嵌套属性，若中间节点为null/undefined则返回undefined而不报错；空值合并（??）在左侧为null/undefined时返回右侧默认值，且不替换0、""、false等假值；两者结合可优雅处理深层属性读取与默认值设置，如user.address?.city??"Unknown"既避免错误又确保合理回退，提升代码健壮性。
-
使用::placeholder伪元素可美化输入框提示文字，支持颜色、字体、透明度等样式控制，需添加各浏览器私有前缀以确保兼容性，建议避免过淡颜色并配合label提升可访问性。
-
答案：数组去重推荐使用Set（基本类型）、Map标记法（对象数组），根据数据类型、规模和环境选择方案。
-
JavaScript通过ArrayBuffer、TypedArray和DataView实现二进制数据操作：ArrayBuffer为固定长度的原始二进制数据缓冲区，需通过视图访问；TypedArray（如Uint8Array、Float32Array）提供带类型的数据视图，适用于图像、音频等场景；DataView支持手动指定字节序的灵活读写，适合协议解析。实际应用包括文件读取、WebSocket通信、Canvas图像处理及音视频流操作，三者协同实现高效二进制处理。
-
flex-wrap控制换行方向，flex-flow是flex-direction与flex-wrap的简写。flex-wrap有nowrap、wrap、wrap-reverse三个值，决定子元素是否换行及换行方向；flex-flow可同时设置主轴方向和换行行为，如rowwrap或columnwrap，适合需统一配置的场景。结合min-width、gap和align-content等属性，能更灵活实现响应式多行布局。
-
要获取用户在浏览器中的鼠标位置，最直接的方法是监听DOM上的鼠标事件并从事件对象中提取clientX和clientY属性。1.clientX和clientY提供相对于浏览器视口的坐标，适用于定位可见区域内的元素；2.pageX和pageY相对于整个文档，包含滚动距离，适合在整个页面范围内进行交互计算；3.screenX和screenY则表示相对于用户屏幕的物理坐标，适用于特殊场景如多显示器环境。为避免频繁触发mousemove事件导致性能问题，可使用节流（Throttling）或防抖（Debouncing
-
CORS预检请求是浏览器对非简单请求（如PUT、自定义头、application/json）发起前自动发送的OPTIONS请求，用于确认服务器是否允许跨域。满足以下任一条件即触发：请求方法非GET/POST/HEAD、设置自定义头部（如X-Token）、Content-Type为application/xml等非常规类型。浏览器在预检中携带Access-Control-Request-Method、Access-Control-Request-Headers和Origin头，服务器需响应Access-Co
-
在HTML中实现段落首行空两格可以使用四种方法：1.CSS的text-indent属性（p{text-indent:2em;}），简洁通用但只影响首行；2.HTML的非断行空格（<p> 内容</p>），无需CSS但代码冗长；3.CSS的padding-left属性（p{padding-left:2em;}），可控制整个段落但可能影响布局；4.CSS的:first-line伪元素（p:first-line{text-indent:2em;}），精
-
GSAP凭借其与屏幕刷新率同步的requestAnimationFrame驱动、高效的属性插值、自动硬件加速及精简更新循环，实现高性能动画；通过gsap.to()、gsap.from()和Timeline精准控制动画流程；结合弹性缓动、ScrollTrigger滚动触发、动态播放控制及帧级监听提升表现力；优化建议包括专注transform/opacity动画、使用will-change、及时销毁动画以避免内存泄漏，并在移动端控制动画密度，确保流畅体验。
-
使用vh和dvh单位可实现跨设备页面高度适配，1vh等于视口高度的1%，100vh占满屏幕，但移动端浏览器工具栏会影响实际显示；采用100dvh可动态适应键盘弹出或UI变化，解决裁剪问题，兼容性不足时可降级为vh；结合flex或grid布局能精准控制区域滚动与分布，避免溢出或白边；注意iOSSafari对100vh的解析偏差，优先真机测试，避免滥用overflow:hidden，全屏场景推荐100dvh，辅以JS微调更佳，减少媒体查询依赖，提升响应式效率。
-
浮动可用于表格内部元素布局或整体移动表格位置，但不可直接作用于tr/td改变结构；建议在td内子元素使用float并清除浮动，或对整个table应用float实现与文本环绕等效果；需注意表格元素本身不支持float，现代布局应优先采用flex或grid替代。
-
核心是按功能模块组织代码。通过组合式函数将响应式数据、方法和副作用聚合，如useUser封装用户逻辑，useFetch处理请求状态，提升复用性与可维护性。
-
Flexbox是移动端布局的理想选择，因其提供灵活的容器与项目模型，支持响应式设计，通过flex-direction、flex-wrap等属性轻松实现元素排列、换行与对齐，适配不同屏幕尺寸；其语义化强、代码简洁，可高效处理导航栏、卡片布局、表单对齐等场景，结合gap、order和移动优先策略提升开发效率与用户体验，但需注意浏览器兼容性、可访问性及避免过度嵌套，合理运用flex-grow、flex-shrink与flex-basis以确保布局稳定性。
-
重绘与回流是影响页面性能的关键，回流因涉及布局重算代价更高；2.减少DOM操作频率，使用DocumentFragment或批量修改innerHTML；3.避免强制同步回流，采用“先读后写”模式处理样式读取与修改；4.通过CSS类切换和transform、opacity实现高效动画，配合requestAnimationFrame与硬件加速优化渲染。
