-
ES6模块通过export/import实现静态依赖管理。支持命名导出、批量命名导出和默认导出；import需在顶层，路径为字符串字面量，支持重命名、默认导入及仅执行导入；模块单例缓存，路径相同则共享实例。
-
WebWorkers通过后台线程执行耗时任务，避免主线程阻塞，提升页面流畅性；它适用于大数据处理、图像计算等场景，但需注意通信开销与调试复杂度。
-
响应式隐藏元素失效主因是类名误用、优先级冲突或断点逻辑错误；需核对框架版本类名规范（如Bootstrap5用.d-md-none）、检查CSS覆盖、验证断点触发条件，并可改用visibility或自定义媒体查询兜底。
-
Serverless架构让开发者专注业务逻辑，结合云原生理念，JavaScript通过Node.js在AWSLambda、阿里云函数计算等平台实现高可用、弹性后端；利用Express可迁移传统应用，集成MongoDBAtlas、DynamoDB、OSS等无服务器数据服务，并通过ServerlessFramework与CI/CD实现自动化部署，优化依赖、连接复用和监控，适用于API、定时任务等场景。
-
解构赋值是模式匹配加赋值的组合操作，非语法糖；右侧为null/undefined时对象解构立即报错，数组解构同理，需用??{}或||{}兜底；默认值仅对undefined生效，且支持表达式但非惰性求值。
-
客户端表格排序通过减少请求、提升交互流畅性，满足用户对即时反馈的需求。利用data-type区分数据类型，结合parseFloat、Date对象和localeCompare确保准确排序，并通过CSS箭头与aria-sort属性实现视觉提示与可访问性，增强用户体验。
-
JavaScript数组操作核心是选对方法、避免副作用、利用现代语法：map/filter/reduce用于不可变数据转换与筛选，慎用push/splice/sort等修改原数组的方法，深层操作善用flat/find/解构，性能敏感时注意缓存length、批量push及分片处理。
-
答案是使用max-width:100%;height:auto;可确保图片在不同屏幕尺寸下自适应容器宽度并保持原始宽高比，避免拉伸变形；对于固定尺寸场景，可通过width和height结合object-fit控制图片填充方式；进一步结合srcset、sizes、<picture>元素、loading懒加载及CSS背景图媒体查询等技术，实现全面的响应式图片解决方案。
-
尾调用优化（TCO）在JavaScript中实际不可用，因所有主流引擎均未启用且已放弃支持；替代方案包括手动转为循环、Trampoline模式或Babel转译（但后者局限大、不实用）。
-
通过调整::-webkit-scrollbar-thumb的圆角、背景和尺寸可自定义滚动条滑块外观，如设置border-radius实现胶囊形或矩形滑块，配合background、border等属性美化样式，适用于Chrome、Edge、Safari等Webkit内核浏览器，Firefox和IE不支持，移动端Safari部分支持，建议避免过度隐藏影响体验。
-
JavaScript字符串操作核心是场景化选型：模板字符串为多行拼接、嵌入逻辑和可读性默认选择；简单变量插入优先用模板字符串，纯静态拼接可用+；String.raw解决反斜杠转义问题，仅适用于模板字符串前；表达式须在${...}内求值，且实时执行需防重复计算与闭包陷阱。
-
在JavaScript中格式化日期可以使用多种方法：1)使用内置的Date对象，但不够灵活；2)使用第三方库如Moment.js、date-fns，提供强大功能但需考虑依赖成本；3)使用Intl.DateTimeFormat，灵活但需注意浏览器兼容性；4)自定义函数，提供最大灵活性和控制权，但需自行编写逻辑。
-
JavaScript生成器是用function*定义的可暂停函数，返回迭代器对象，通过next()方法控制执行节奏，yield实现暂停与恢复及双向通信，适用于异步流程、惰性求值和状态机。
-
答案：通过flex属性组合实现固定与弹性宽度布局，如侧边栏固定、内容区自适应。具体为设置flex:00宽度值保持固定，flex:1使元素占据剩余空间，结合min-width:0防止内容溢出，适用于多组件响应式排列。
-
Next.js13+的AppRouter不再支持getServerSideProps，而是通过原生异步ServerComponents直接在组件内执行服务端逻辑，本文详解迁移方法、正确写法及关键注意事项。
