-
flatMap()是JavaScript中先映射后浅层展平一层的数组方法，天然支持过滤+映射+展平三合一操作：保留项返回[value]，丢弃项返回[]，从而实现高效单次遍历处理。
-
JavaScript倒计时应基于目标时间动态计算差值，用setInterval每秒更新并格式化输出；页面失焦时监听visibilitychange事件重算，确保秒级精准。
-
Chrome68–92对autocomplete="new-password"支持不稳定：68–75仅注册/改密页有效，76–92遇name="password"等仍可能降级填充；93+起需动态name且立即设置，否则失效；iOSSafari长期不支持且长按粘贴绕过所有前端校验。
-
应在页面明确会用到但不立即加载的第三方域名时添加<linkrel="dns-prefetch">，如懒加载脚本、GoogleFonts、统计SDK等；避免为同源域名或未确认调用的域名添加，且href必须用协议相对URL（如//cdn.example.com），置于<head>中<metacharset>和<title>之后、首个外部资源之前。
-
JavaScript异步编程演进路径为：回调函数→Promise→async/await→事件循环与任务队列。1.回调函数导致嵌套过深、错误处理困难；2.Promise通过链式调用和统一捕获改善可读性；3.async/await以同步语法提升逻辑清晰度；4.事件循环机制（微任务优先于宏任务）决定实际执行顺序，理解它有助于掌握异步行为本质。
-
HTML5响应式布局核心是@media媒体查询配合viewportmeta标签、相对单位和Flex/Grid布局。必须写对<metaname="viewport"content="width=device-width,initial-scale=1.0">，断点按内容而非设备设定，容器用%或max-width，字体用rem/em，图片设max-width:100%，优先使用flexbox和grid。
-
:focus-visible比:focus更合适，因为它仅在真实键盘导航时激活蓝框，避免鼠标点击等场景的干扰，保障键盘用户定位当前焦点。生效需两个前提：禁用全局outline重置且显式声明outline样式；还需兼顾Safari兼容性、暗色模式及高对比度适配。
-
静默归并通过闭包缓存Promise实现请求合并：用参数序列化为key，命中则复用已settled的Promise，未命中才发起新请求；所有调用共享最终结果，不重复请求、不报错、不中断。
-
Proxy响应式核心是通过get/set拦截实现依赖收集与更新触发：读取时自动记录副作用函数为订阅者，写入时精准通知相关更新，并配合effect/trigger构建闭环，支持嵌套路径与数组边界处理。
-
纯HTML无法实现三级联动，必须用JavaScript监听select的change事件并动态更新下级选项；需通过DOM操作清空、重建、设值，合理组织嵌套对象数据结构，并注意iOS兼容性与无障碍支持。
-
AbortController本身不支持去重和熔断，需在外层封装逻辑层：用Map缓存pending请求实现去重，用计数器+时间窗口管理熔断状态。
-
应将--btn-group-gap变量设在按钮组容器上，因其需被gap属性读取且依赖继承；设在:root易受污染，设在button上无效；gap仅对flex/grid容器生效，须配合display使用，并分层提供marginfallback。
-
内联脚本：在HTML的<script>标签中直接编写JS代码，如alert('页面加载完成');，适合小规模单页应用。2.外部脚本：将JS代码写入.js文件并通过<scriptsrc="script.js">引入，便于维护与复用。3.事件绑定：在HTML元素上使用onclick等属性调用JS函数，如<buttononclick="handleClick()">，实现用户交互响应。4.DOM动态加载：通过document.creat
-
高可维护HTML布局取决于语义清晰、层级扁平、样式解耦；应使用语义化标签替代div堆砌，合理分工Flexbox与Grid，遵循BEM命名规范，统一响应式策略并确保HTML结构正确。
-
ChromeDevToolsPerformance面板打点分析CRP是定位SPA渲染瓶颈最高效方式，需聚焦用户操作触发的渲染链路，结合手动标记、阶段识别与WebVitals验证优化效果。
