-
异步延迟执行是通过setTimeout、Promise和async/await三种方式实现的，其中setTimeout用于一次性延迟执行代码，例如setTimeout(function(){console.log("延迟2秒执行");},2000);Promise提供结构化异步处理方式，结合setTimeout可实现延迟，如functiondelay(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}，而async/await基于Promi
-
在CSS中，id属性是HTML元素的唯一标识符。1）id选择器以“#”开头，用于精确选择和样式化单个元素。2）id选择器优先级高，仅次于内联样式和!important。3）id应在页面中唯一使用，避免样式冲突。4）适用于布局中的关键元素，如导航栏和页眉。5）可结合伪类实现复杂效果，但需谨慎使用以防性能问题。
-
HTML中的<map>元素用于创建客户端图像映射，允许图片不同区域链接到不同URL。具体步骤为：1.使用<img>标签显示图片并设置usemap属性；2.<map>标签定义可点击区域，配合<area>标签指定形状、坐标和链接。响应式设计中图像缩放会导致坐标错位，可通过JavaScript动态调整coords属性解决。此外，CSS的object-fit属性或响应式框架也可辅助适配。替代方案包括SVG（更易维护且SEO友好）、CSSSprites（优化加载速度）
-
在CSS中，margin用于控制元素与其他元素之间的距离，padding用于控制元素内容与边框之间的距离。1.margin设置：一个值设置所有方向；两个值设置上下和左右；三个值设置上、左右、下；四个值分别设置上、右、下、左。2.padding设置方式与margin类似。3.避免margin合并问题，可使用padding或BFC。4.使用box-sizing:border-box;使宽高包括padding和border。5.性能优化时，统一使用类名设置margin和padding。合理使用margin和pa
-
datalist标签通过id与input元素关联提供输入建议。1.使用时，input的list属性值需与datalist的id值一致；2.兼容性问题可通过JavaScriptpolyfill（如List.js）、替代方案（手动创建下拉列表）或优雅降级（检测支持情况）解决；3.动态更新选项可重新创建datalist或使用隐藏的select元素同步选项；4.datalist与select的区别在于前者允许自定义输入，后者强制选择预定义项；5.适用场景：需灵活输入建议时用datalist，需强制选择固定项时用s
-
适配器模式在JavaScript中可以通过创建适配器对象来实现，将旧的第三方库接口转换为新系统所需的接口。1）定义旧库和期望接口。2）创建适配器，将旧库的回调式请求转换为Promise风格的fetch方法。3）使用适配器进行数据获取，确保其行为与目标接口一致。
-
要解决HTML中<audio>标签无法自动播放的问题，首先应明确浏览器限制自动播放是为了防止干扰用户，因此解决方案需绕过这一限制。1.使用用户交互触发播放：确保音频播放由用户的点击等行为触发；2.静音播放后取消静音：先以静音方式播放，再通过用户行为解除静音；3.检查浏览器策略并适配：不同浏览器策略不同，应针对性调整代码逻辑；同时推荐尊重用户体验，避免强制自动播放。此外，若需循环播放音频，可通过设置loop属性或JavaScript的audio.loop=true实现，但应注意场景适用性。对于事
-
background-size:cover和contain的核心区别在于图片适应容器的方式。cover会等比缩放图片以覆盖整个容器，可能裁剪图片；而contain会等比缩放以完整显示图片，可能留白。1.cover常用于全屏背景、卡片封面等需要视觉冲击的场景，优点是填满容器，缺点是可能裁剪关键内容。2.contain适用于Logo、图标等不可裁剪的场景，优点是完整展示图片，缺点是可能出现空白。选择时根据内容优先级和视觉需求决定：若需填满且可裁剪，用cover；若需完整显示且可接受留白，用contain。此外
-
动态创建HTML元素的核心方法是使用document.createElement()和appendChild()。1.createElement用于创建新元素，如div或p；2.appendChild将创建的元素添加到文档中指定位置。需注意元素必须被添加到文档才能显示，同时避免频繁DOM操作以优化性能。例如，可用DocumentFragment暂存多个元素后一次性添加。此外，为动态元素添加事件监听器可通过addEventListener实现，确保交互功能正常。
-
CSS内边距是元素内容与边框之间的空间，用于控制页面布局和视觉效果。1.单独设置内边距可用padding-top、padding-right、padding-bottom、padding-left属性；2.简写形式如padding:10px、padding:10px20px等可快速定义多个方向的值；3.内边距能提升视觉层次与可读性，例如按钮或列表项的使用；4.内边距属于盒模型的一部分，位于内容与边框之间，并影响元素总宽高计算；5.默认情况下width和height仅包含内容区域，但可通过box-sizin
-
IntersectionObserverAPI用于异步观察元素与视口的交叉状态，适用于懒加载图像和无限滚动等。使用步骤包括：1)创建IntersectionObserver实例，设置回调函数和阈值；2)选择目标元素并开始观察；3)在元素进入视口时执行操作，如加载图片；4)优化时可批量处理和及时取消观察，提升性能；5)考虑兼容性问题，使用polyfill解决。
-
在CSS中，normal值的含义因属性而异，但总体上代表浏览器默认或常见的样式设置。1.在font-weight中，normal代表标准字体粗细（400）。2.在font-style中，normal表示正常字体样式（非斜体）。3.在line-height中，normal是浏览器默认行高（约1.2）。4.在font-variant中，normal使用常规字体变体。5.在white-space中，normal合并空格和换行符。6.在list-style-type中，normal等同于disc（实心圆）。使用n
-
<b>标签在HTML中用于样式变化，不表示语义重点。1)使用<b>标签让文字视觉上突出，但不影响SEO或屏幕阅读器。2)现代设计更倾向于<strong>标签表示重要性。3)在需要灵活样式控制时，<b>标签更方便，但需谨慎使用以免影响可访问性和SEO。
-
掌握WebCodecsAPI需了解音视频编码及JS技巧，1.复用解码器并动态配置；2.编码器动态调整码率；3.使用EncodedVideoChunk/EncodedAudioChunk封装数据；4.处理音频采样率与声道布局；5.VideoFrame的copyTo高效图像处理；6.结合WebTransport实现低延迟传输。兼容性方面Chrome/Edge支持较好，调试可用开发者工具、控制台输出和chrome://media-internals。性能优化包括实例重用、合理配置参数、WASM加速、减少内存分配
-
JavaScript实现页面滚动到指定位置的方法包括使用window.scrollTo()和window.scrollBy()。1.使用scrollTo()可以直接滚动到指定位置，如window.scrollTo(100,500)。2.平滑滚动可以通过{behavior:'smooth'}选项实现，如window.scrollTo({top:500,behavior:'smooth'})。3.兼容性问题可以通过requestAnimationFrame实现平滑滚动的Polyfill。4.性能优化建议包括使
