使用grid-template-areas配合mediaqueries可实现响应式图文混排。1.通过grid-template-areas定义命名网格区域，使布局结构清晰；2.在mediaqueries中调整小屏下的排列顺序与列宽，实现移动端垂直堆叠；3.复杂场景可通过多区域定义控制图文交错；4.建议保持HTML语义化、简化CSS、仅重写必要样式，并测试实际断点表现。该方法无需改动结构，维护性强，是现代CSS推荐实践。

Date对象是JavaScript处理时间的核心工具，基于Unix时间戳，支持本地和UTC时间操作，提供创建、读取、设置及格式化日期时间的多种方法。

<main>标签必须且只能出现一次，用于标识页面唯一、独立、与主题直接相关的主要内容区域；它具有明确的可访问性意义，不可嵌套于其他分区元素内，也不应包含全局通用内容。

toLocaleDateString()可自动适配本地语言和时区，比手动拼接更可靠；需校验日期有效性，支持locale和选项精细控制；固定格式首选Intl.DateTimeFormat；注意getMonth()陷阱及时区问题。

JavaScript是单线程语言，依靠事件循环协调同步与异步任务：先执行一个宏任务，再清空全部微任务，最后可能渲染UI并取下一个宏任务；如代码输出顺序为1→2→4→3。

使用max-width:100%、height:auto实现图片自适应，结合object-fit处理固定容器，通过设置宽高属性避免布局抖动，确保响应式图片清晰不溢出。

首先安装MongoDB驱动并连接数据库，然后通过insertOne插入数据，使用find进行条件查询和字段投影，再用updateOne更新数据，最后通过deleteOne删除文档，完成基本增删改查操作。

JavaScript性能分析工具是测量、记录和可视化代码运行时行为的辅助手段，用于定位主线程阻塞、渲染中断、内存泄漏等真实瓶颈；包括ChromeDevToolsPerformance/Memory面板、Lighthouse、PerformanceAPI和WebpackBundleAnalyzer，各司其职，组合使用可精准识别卡顿、内存增长、加载慢等问题根源。

外部HTML文件是独立的.html或.htm文件，可通过浏览器直接打开或由服务器通过URL提供；1.本地浏览可双击文件由默认浏览器解析；2.服务器托管时浏览器通过URL请求并渲染内容；3.外部HTML是完整网页文件，支持模块化与分离关注点，而内联HTML指嵌入标签内的样式或脚本，如style或onclick属性；4.确保跨浏览器兼容需遵循W3C标准、使用语义化标签、实施渐进增强与响应式设计，并通过多浏览器测试验证；5.常见挑战包括字符编码不一致导致乱码，应统一使用<metacharset="UTF-

答案：JavaScript中遍历对象常用方法包括for...in循环、Object.keys()配合forEach、Object.values()、Object.entries()以及Reflect.ownKeys()。1.for...in可遍历所有可枚举属性，需用hasOwnProperty过滤自身属性；2.Object.keys()返回自身可枚举属性名数组，适合数组方法处理；3.Object.values()直接获取属性值数组，适用于仅操作值的场景；4.Object.entries()返回键值对数组，

答案：通过HTML与CSS结合:checked和兄弟选择器实现无JS折叠面板。使用隐藏复选框控制内容显隐，配合过渡效果和语义化标签提升体验，支持多面板与可访问性。

JavaScript正则表达式用字面量（如/abc/g）或RegExp构造函数创建，用于匹配、提取、替换或验证字符串；支持g、i、m等标志，需注意元字符转义和贪婪/懒惰匹配。

闭包是函数与其定义时词法环境的绑定关系，关键在于内部引用外部非全局变量且在外部调用；常用于封装私有状态，但不当使用易致内存泄漏。

GeolocationAPI仅在HTTPS或localhost下可用，HTTP协议下直接报错；必须显式传入success和error回调；enableHighAccuracy=true可能导致超时或失败；watchPosition需手动clearWatch防泄漏。

柯里化是将多参函数转换为单参函数链的技术，核心在于分步传参而非一次性传递；它改变调用节奏但不改变逻辑，需手动实现或使用Lodash等库以应对占位符、rest参数等复杂场景。