-
使用picture元素可实现响应式图片，通过media、type和srcset属性按屏幕尺寸、分辨率和格式条件匹配最优图像，优先加载WebP/AVIF并降级至JPEG/PNG，结合懒加载提升性能。
-
使用<audio>标签可插入语音播放，支持多格式兼容；2.WebSpeechAPI实现语音识别，需HTTPS环境且推荐Chrome；3.MediaRecorderAPI用于音频录制，通过麦克风捕获并保存为Blob；4.可整合二者功能，同步录音与转文本，注意权限与兼容性处理。
-
答案：通过正则匹配双大括号中的变量名并替换为数据对象对应值，支持嵌套属性访问和简单条件逻辑，实现轻量级模板引擎。
-
Map允许任意类型键并保持插入顺序，通过set、get、has、delete操作数据，支持forEach和for...of遍历，相比对象更高效安全，适用于动态频繁操作的场景。
-
观察者模式中目标对象直接通知观察者，两者存在耦合；发布订阅模式通过事件中心解耦，发布者与订阅者无直接依赖。前者适用于简单通信，后者更适合复杂系统的松耦合设计。
-
GeolocationAPI可用于获取用户位置，适用于天气、地图等场景；使用时需用户授权且页面运行在HTTPS环境下；通过getCurrentPosition()获取一次位置，watchPosition()持续追踪，并可调用clearWatch()停止监听；需处理权限拒绝、定位不可用、超时等错误情况。
-
外部样式表阻塞渲染但可缓存，2.内联样式加快首屏但不可缓存，3.内联关键CSS并异步加载其余可显著提升性能，4.@import导致链式阻塞不推荐使用。
-
本文旨在探讨在Java项目中，如何有效管理并防止API密钥在HTML文件中被误提交至GitHub。文章将介绍两种主要策略：通过Java后端动态注入API密钥，以及将API密钥存储在单独的JavaScript文件中并通过.gitignore排除。同时，文章将着重强调客户端API密钥固有的公开性，并提供相应的安全注意事项和最佳实践，以帮助开发者在保护凭证的同时确保应用功能正常。
-
iframe依然可用但需谨慎，因其存在安全与性能问题；2.主要安全隐患包括点击劫持、钓鱼和XSS，可通过sandbox、allow属性、X-Frame-Options和CSP来规避；3.性能问题源于独立浏览上下文和资源消耗，可通过loading="lazy"、JavaScript动态加载和内容优化缓解；4.更推荐的替代方案包括API调用+客户端渲染、WebComponents、服务器端包含（SSI/SSR/ESI）和OEmbed协议；5.提升用户体验需采用响应式设计、加载状态提示、错误处理、可访问性支持（
-
答案：可通过CSS的WebKit伪元素自定义滚动条样式，并利用:hover实现悬停交互。具体使用::-webkit-scrollbar、::-webkit-scrollbar-thumb和::-webkit-scrollbar-track设置滚动条各部分，默认隐藏滑块，鼠标悬停容器时显示并加宽滑块，同时兼容Firefox的scrollbar-width属性，适用于Chrome、Edge、Safari等浏览器。
-
优先使用原生loading="lazy"属性实现图片懒加载，现代浏览器支持良好，代码简洁高效；对于需兼容旧浏览器或精细控制的场景，采用IntersectionObserverAPI结合data-src延迟加载真实图片，性能优越且可监听元素进入视口时机；为提升用户体验，应使用占位图、固定容器尺寸及CSS淡入动画防止布局偏移与闪烁；同时通过API检测或polyfill处理兼容性问题，并确保首屏关键图片正常加载，保障核心内容展示。
-
bind方法用于创建一个新函数，其this值永久绑定到指定对象。1.调用bind返回一个包装函数，延迟执行原函数；2.新函数的this固定为bind时传入的第一个参数，无论后续如何调用；3.支持预设参数，实现柯里化效果；4.若绑定函数被new调用，则忽略绑定的this，生成继承原函数原型的新实例；5.手动实现需通过闭包保存原函数、上下文和参数，结合apply控制调用，并判断是否为构造调用以决定this行为；6.常用于事件处理、回调和方法提取中确保this正确指向。本质是闭包+apply/call+构造判断
-
空值合并运算符（??）在JavaScript中用于精确处理null和undefined的默认值赋值，与逻辑或（||）不同，它仅当左侧为null或undefined时返回右侧值，保留0、""等假值；典型应用场景包括配置项设置和API数据处理，如config.timeout??5000；注意不可与&&或||直接混用，需加括号避免语法错误。
-
答案：配置JavaScript故障注入测试可提升前端应用的健壮性，通过模拟网络延迟、错误响应、运行时异常等场景，验证错误处理、用户体验降级及系统稳定性。具体包括使用DevTools、代理工具、ServiceWorker或自动化框架（如Cypress）在开发环境中主动引入故障，结合监控日志分析系统行为，实施时需避免影响生产环境，确保可重复性与目标明确，并逐步增加故障复杂度以促进防御性编程。
-
Functor是支持map方法的容器，能安全映射值并保持类型，如数组和Maybe；Monad是增强版Functor，提供chain方法以扁平化方式处理嵌套容器，适用于异步流程与错误处理，Promise即是Monad实例，通过组合函数提升代码可靠性。
