-
使用地图API嵌入网页最常见，先获取百度、高德或Google地图的iframe代码插入HTML即可显示地图；需交互功能时可用JavaScriptAPI，申请密钥后通过JS初始化地图并添加标记等；注意遵守服务商授权条款。
-
媒体查询断点生效取决于语法结构、单位选择和逻辑组织，而非数值本身；应统一用min-width、避免混用、确保viewport标签正确、禁用rem而优选em或px，并依据内容崩坏点而非设备尺寸设定断点。
-
WebDriver协议不解决跨浏览器兼容性问题，它仅提供统一HTTP接口与驱动通信；兼容性差异源于浏览器渲染、JS执行、CSS解析等实现差异，需通过独立会话、能力配置、DOM/事件/JS/网络多维比对及Grid矩阵测试系统性捕获。
-
Canvas绘图可通过自定义渲染器实现Vue响应式与组件化——核心是将绘制命令转为可diff/patch的VNode，在Canvas2Dcontext上执行；需重写hostCreateElement、hostPatchProp等钩子，并抽象hostContext以支持跨端复用。
-
高阶函数是接收函数为参数或返回函数的函数；map要求回调必须返回值，否则填undefined，filter依据返回值真值性筛选，链式调用顺序影响结果，且需注意this绑定问题。
-
原生touch事件足以胜任多数滑动场景，如轮播图、横向滚动等；优先使用touchstart/touchmove/touchend，配合touch-action控制拦截权，避免盲目引入手势库。
-
DOM是浏览器接口而非JavaScript内置部分，根节点为document（nodeType=9），非html；childNodes含所有节点类型，children仅含元素节点；getElementById快但ID易重复，querySelector更安全灵活；innerHTML会重建DOM并丢失事件，textContent仅改文本且防XSS。
-
大屏内容显分散太空的本质是布局未适配高分辨率，需阶梯式放大元素尺寸、间距及网格列数；推荐用rem配合根字体动态调整，结合CSSGrid按内容类型设列数，并重点放大标题、压缩图表边距、减小卡片间隙、添加视觉锚点。
-
CSScolumns实现瀑布流轻量易维护，但属按列顺序切割的“伪瀑布流”，适合内容长度相近场景；需用column-count与column-gap控制列数和间距，子项加break-inside:avoid防断行，图片设aspect-ratio或padding-top避重排，响应式推荐column-width结合column-count限制上限。
-
HTML中ul和ol嵌套合法但需严格遵循结构：子列表必须作为li的子元素，CSS控制编号与缩进，counter实现多级序号，屏幕阅读器不读CSS生成编号。
-
浏览器原生不支持HTML元素直接通过speech属性启用语音识别，必须使用JavaScript的SpeechRecognitionAPI手动实现；input和textarea需绑定onresult事件并将transcript写入value，且受限于HTTPS、权限、浏览器兼容性等硬性条件。
-
导航栏下拉菜单不显示的常见原因是JavaScript未初始化或父容器overflow:hidden导致裁剪；需检查JS初始化、data属性、overflow样式、z-index及display/visibility设置。
-
Record和Tuple是JavaScript新增的深度不可变数据类型，分别用#{}和#[]表示，支持值比较与结构化克隆，适用于状态管理等场景。
-
服务端缓存JavaScript需合理配置Cache-Control和ETag，结合文件哈希实现版本控制，利用CDN加速并设置适当缓存时间，动态内容则按需使用private缓存或服务端响应缓存，同时监控命中率与请求比例，及时清理失效缓存以优化性能。
-
JavaScript测试必须覆盖关键路径，单元测试用Jest隔离验证函数/组件，集成测试依场景选Cypress或Vitest，重点保障跨模块数据流与副作用，函数和分支覆盖率比行覆盖率更能暴露风险。
