-
生成器通过yield和next()实现异步流程控制，其核心在于1.使用function*定义生成器函数；2.在函数内部用yield暂停执行并产出Promise；3.通过外部执行器捕获Promise结果并用next()传回生成器恢复执行；4.以线性方式处理异步操作从而避免回调地狱。生成器结合Promise为async/await奠定基础，但实际应用中需依赖执行器、调试复杂且普及度不如async/await，因此已被更简洁的async/await取代。
-
在Node.js中，当Windows路径（包含反斜杠）被赋值给对象属性并通过console.log输出整个对象时，反斜杠会显示为双反斜杠。这并非数据实际存储错误，而是console.log在序列化对象以供显示时，对字符串中的特殊字符进行了转义，以确保输出的清晰性和准确性。文章将详细阐述此现象，并提供验证实际值及按需输出的方法。
-
事件循环阻塞主要由同步操作引起，可通过监控延迟、分析耗时函数和优化任务分流来解决。使用performanceAPI或ChromeDevTools检测延迟，识别大计算、同步I/O等阻塞源，结合WorkerThreads移出密集任务，并通过APM工具持续监控，确保循环延迟低于50ms，保障事件循环高效运行。
-
this指向的优先级顺序为：new绑定>显式绑定>隐式绑定>默认绑定，箭头函数则采用词法作用域确定this。
-
最现代且推荐的AJAX请求方式是使用fetchAPI，1.它基于Promise，语法简洁，支持async/await，2.可通过配置对象发送GET/POST请求并自定义请求头，3.需手动检查response.ok处理HTTP错误，4.使用AbortController结合Promise.race实现超时控制，5.传统XMLHttpRequest适用于需上传/下载进度、兼容老旧浏览器或同步请求的场景。遇到请求无响应时，应检查网络、CORS、请求参数、代码逻辑及服务器状态。
-
字符串不可变性导致频繁拼接开销大，应使用Array.join()或模板字符串提升性能；2.正则表达式需复用实例并简化模式以降低执行成本；3.截取方法slice和substring选择语义清晰者即可，避免高频调用；4.处理长字符串宜分块或流式处理，结合生成器减少内存占用；5.核心是根据场景避免低效操作，尤其在热路径中优化拼接与正则匹配。
-
答案：通过CSS的@media和JavaScript的matchMedia检测用户偏好，禁用或简化动画以提升可访问性。具体描述：利用CSS媒体查询(prefers-reduced-motion:reduce)直接覆盖animation、transition属性为none或极短时间，并设置元素最终状态避免隐藏；结合全局样式禁用平滑滚动。JavaScript监听偏好变化，动态添加类名控制第三方库动画（如GSAP暂停、Lottie停止），实现复杂场景的精细管理，同时可通过CSS变量统一维护动画参数，确保用户体验
-
异步生成器结合async/await可创建异步可迭代对象，通过forawait...of消费，每秒产出一个字符串，适用于分页请求、事件流等场景。
-
Node.js通过cluster模块实现多进程负载均衡，主进程管理并派生多个worker进程，各worker共享同一端口处理请求，提升性能与容错；默认由操作系统调度连接，可设轮询策略优化高并发场景，建议worker数匹配CPU核心数，配合PM2等工具增强稳定性，应用应无状态或外置session存储，监控exit事件实现崩溃自动重启，避免频繁IPC通信。
-
设置CSS背景图片需使用background-image属性，并通过background-repeat、background-size和background-position控制平铺、大小和位置；推荐使用简写属性合并设置，如background:#f0f0f0url('image.jpg')no-repeatcenter/cover；为实现响应式效果，常用background-size:cover结合媒体查询适配不同设备，必要时切换背景图或调整位置；支持多背景图时，用逗号分隔多个值并确保各属性顺序对应；排
-
JavaScript代码压缩可以通过使用压缩工具来实现，如UglifyJS、Terser和Gzip。1.选择合适的压缩工具，如UglifyJS，它能去除空格、换行符、注释，并缩短变量名和函数名。2.集成压缩工具到构建流程中，如在Webpack中使用terser-webpack-plugin。3.注意压缩后的代码可读性降低和可能的兼容性问题。4.结合其他优化技术，如代码分割、懒加载和使用CDN，以全面提升网页性能。
-
清除浮动是为解决父容器因子元素浮动而塌陷的问题，通过在父容器末尾添加伪元素并设置clear:both来撑起高度。具体使用.clearfix::after{content:"";display:block;clear:both;}实现，其中display:block确保clear生效，content保证伪元素渲染。现代布局中推荐使用Flexbox、Grid或BFC（如overflow:hidden）替代，以简化结构并提升可维护性。该技巧在维护旧项目时仍具实用价值。
-
实现高级JavaScript拖拽需基于mousedown/touchstart事件，结合mousemove/touchmove实时更新位置，并在mouseup/touchend结束拖拽。核心是绑定事件到document防止失联，使用offset计算定位，支持触摸设备时通过e.touches[0]获取坐标并统一处理逻辑。为提升体验，可添加边界限制、吸附对齐、拖拽克隆和z-index层级提升。性能方面推荐用transform代替left/top，配合节流优化频繁触发，及时解绑事件避免内存泄漏，确保跨浏览器与移
-
var为函数作用域且存在变量提升，let和const为块级作用域并有暂时性死区；const声明不可重新赋值的常量，let用于可变变量，推荐优先使用const和let，避免var。
-
JavaScript函数参数校验可提升代码健壮性，1.通过if判断或默认值确保参数存在；2.使用typeof、instanceof、Array.isArray()进行类型检查；3.校验失败时抛出Error或自定义异常；4.封装通用校验工具或使用Joi等库复用逻辑，合理控制校验粒度。
