-
掌握WebCodecsAPI需了解音视频编码及JS技巧，1.复用解码器并动态配置；2.编码器动态调整码率；3.使用EncodedVideoChunk/EncodedAudioChunk封装数据；4.处理音频采样率与声道布局；5.VideoFrame的copyTo高效图像处理；6.结合WebTransport实现低延迟传输。兼容性方面Chrome/Edge支持较好，调试可用开发者工具、控制台输出和chrome://media-internals。性能优化包括实例重用、合理配置参数、WASM加速、减少内存分配
-
JavaScript的空值合并运算符（??）与逻辑或（||）的核心差异在于判断“空值”的标准不同。1.??运算符仅当左侧为null或undefined时才返回右侧操作数，保留0、false和''等有效值；2.||运算符基于“假值”判断，遇到0、false、''、null、undefined或NaN都会返回右侧操作数。因此在需要区分有效假值和真正缺失值的场景，应优先使用??来避免误替换有效数据。
-
优化HTML列表的核心在于将其作为结构化内容与用户体验设计的关键工具。首先，正确使用ul和ol标签实现语义化结构，ul用于无序项目如产品优势，ol用于有序步骤如操作指南；其次，通过CSS自定义样式，包括隐藏默认符号、添加图标、调整排版，甚至构建导航栏或卡片布局；最后，提升可访问性与信息层级，利用嵌套列表清晰展现从属关系，增强内容可读性与视觉引导，从而在内容营销中强化卖点呈现、步骤说明及FAQ组织，进一步结合CSS实现时间线、标签云等进阶排版效果。
-
在JavaScript中检查字符串是否包含特定子串的最简单方法是使用includes()方法。1.使用includes()方法：适用于大多数情况，但不支持旧版浏览器。2.使用indexOf()方法：兼容性好，但可读性稍差。3.使用正则表达式的test()方法：灵活但可能复杂，性能受模式影响。选择方法应根据需求和环境。
-
Promise在JavaScript中用于异步编程，通过then和catch方法处理异步操作的结果。1)创建Promise对象并使用setTimeout模拟异步操作。2)使用Promise.all处理多个Promise，等待所有完成。3)使用async/await语法处理Promise，提高代码可读性和可维护性。
-
<p>Array.prototype.sort方法默认按Unicode码点值排序数字数组可能导致错误结果，正确排序需提供比较函数。1.默认排序会将数组元素转换为字符串进行比较。2.正确排序数字数组需使用(a,b)=>a-b。3.降序排序使用(a,b)=>b-a。4.对象数组排序需基于对象属性，如学生成绩或名字。5.排序会改变原数组，需复制数组以保留原数据。6.性能和稳定性因引擎而异，需注意大数组排序和稳定性问题。7.国际化排序需使用Intl.Collator。</p>
-
meta标签在HTML中用于定义网页的元数据，具有多种重要功能。1.设置字符编码：通过<metacharset="UTF-8">可指定网页使用的字符集，确保浏览器正确显示内容；2.影响SEO：使用name="description"和name="keywords"提供网页描述与关键词，有助于提升点击率和搜索排名；3.控制视口：通过name="viewport"设置移动设备上的显示效果；4.禁止缓存：利用http-e
-
@符号在CSS中用于定义@规则，这些规则包括：1.@media用于响应式设计，根据设备屏幕大小调整样式；2.@keyframes定义动画效果；3.@font-face引入自定义字体；4.@import导入其他CSS文件；5.@supports检查浏览器对CSS特性的支持。使用时需注意@import规则需放在文件最前面，@media规则顺序影响样式应用。
-
要用HTML制作一个基础的导航菜单，首先使用无序列表<ul>和列表项<li>搭建结构，并用<nav>标签包裹以增强语义化；然后通过CSS设置横向排列、悬停效果等样式；最后可选地添加响应式设计适配移动端，如使用媒体查询和汉堡按钮实现折叠功能。1.使用HTML创建结构：<nav><ul><li><ahref="#">首页</a></li>…</ul></nav>
-
em是基于父元素字体大小计算的相对单位，rem是基于根元素字体大小计算的相对单位。1.em在嵌套元素中容易产生级联效果，可能导致意外的字体大小。2.rem更为直观和可控，适合响应式设计和全局字体调整。3.em适用于需要相对父元素缩放的场景，如按钮设计。4.em累积效应可能导致字体大小迅速变化，可用rem或px重置。5.建议项目中统一使用一种单位，rem可与CSS预处理器结合使用。
-
Object.getPrototypeOf用于获取对象的原型。1.查看对象原型：console.log(Object.getPrototypeOf({}))返回Object.prototype。2.检查继承关系：console.log(Object.getPrototypeOf(Object.create({foo:'bar'}))==={foo:'bar'})返回true。3.遍历原型链：使用递归函数getPrototypeChain(obj)可以查看完整原型链。
-
在JavaScript中，可以通过addEventListener方法为元素添加事件监听器。1）基本用法：通过addEventListener为元素添加事件监听器，如点击事件。2）多监听器支持：与onclick不同，addEventListener可以为同一个事件添加多个监听器。3）事件委托：通过在父元素上添加监听器来处理动态生成的子元素。4）移除监听器：使用removeEventListener避免内存泄漏。5）最佳实践：使用箭头函数保持this上下文。
-
元素选择器是CSS中最基础且通用的选择器，直接通过HTML标签名选中元素并应用样式。例如p{color:blue;}会将所有段落文字设为蓝色，h1{font-family:'HelveticaNeue';}则设置所有标题一的样式。它无需额外属性，利用HTML结构本身即可快速设定全局或基础样式，如为body设置默认字体、清除列表样式等。对于新手而言，元素选择器语法简单、效果直观，能帮助理解CSS运作逻辑。然而仅依赖它会导致缺乏特异性，无法区分同类元素，引发样式冲突、代码重复、维护困难及阻碍组件化开发。在层叠
-
要美化HTML音频播放器，核心方案是隐藏原生控件并构建自定义CSS控件。1.首先在HTML中使用<audio>标签但不加controls属性，以隐藏浏览器默认界面；2.使用自定义的HTML元素如按钮和滑块构建播放/暂停、进度条、音量控制等组件；3.利用CSS对这些自定义元素进行样式设计，包括布局、颜色、动画等，使其符合现代网页风格；4.最后通过JavaScript将自定义控件与音频API连接，实现交互功能，让播放器真正“动”起来。这种方式不仅解决了浏览器原生控件样式割裂、功能有限、难以定制的问
-
JavaScript中数组的values()方法返回一个迭代器对象，用于遍历数组中的每个值。1.该方法生成ArrayIterator对象，可通过for...of循环或手动调用next()获取值；2.每次调用next()返回{value:值,done:布尔}，done为true表示遍历结束；3.对稀疏数组处理时，空位被视为undefined并正常迭代，与forEach跳过空洞不同；4.高级应用场景包括构建惰性数据管道、结合展开运算符生成新数组、实现自定义迭代逻辑等。
