-
掌握WebCodecsAPI需了解音视频编码及JS技巧，1.复用解码器并动态配置；2.编码器动态调整码率；3.使用EncodedVideoChunk/EncodedAudioChunk封装数据；4.处理音频采样率与声道布局；5.VideoFrame的copyTo高效图像处理；6.结合WebTransport实现低延迟传输。兼容性方面Chrome/Edge支持较好，调试可用开发者工具、控制台输出和chrome://media-internals。性能优化包括实例重用、合理配置参数、WASM加速、减少内存分配
-
直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
-
实现JS动画主要依靠JavaScript控制元素样式变化，结合浏览器渲染机制完成流畅过渡。相比CSS动画更灵活，适用于复杂逻辑或动态计算场景。1.使用setInterval或setTimeout可定时修改元素属性形成连续变化，如让div向右移动；2.推荐使用requestAnimationFrame，它根据屏幕刷新率优化执行时机，使动画更流畅且节省性能。
-
async函数的本质是自动将返回值包装为Promise：正常返回值等价于Promise.resolve()，抛出异常等价于Promise.reject()，且必须返回Promise对象。
-
本文介绍一种时间复杂度接近线性的算法，通过构建辅音等价类映射与规范化键哈希表，快速定位5000+幻想词中仅相差一个“听感相似辅音”的词对，避免暴力双重循环，兼顾可扩展性与语言学合理性。
-
table-layout:fixed是实现表格列宽可控的关键，需配合col或首行单元格设置百分比宽度、表格容器明确宽度及tablewidth:100%，并处理溢出与兼容性问题。
-
用rotate(1turn)替代rotate(360deg)可避免角度插值跳变；加载条需JS动态控制rotate(${percent/100}turn)；Safari中应加translateZ(0)和align-items修复错位；环形进度条推荐SVG方案。
-
grid-auto-rows和grid-auto-columns用于控制网格中自动创建的行高和列宽。当子元素超出显式定义的行列时，浏览器会生成隐式轨道，其尺寸由这两个属性决定。默认值为auto，可设为固定值、fr单位或min-content等关键字。grid-auto-rows影响自动行的高度，常用于卡片列表；grid-auto-columns控制自动列的宽度，适用于横向滚动布局。显式轨道优先于隐式规则，结合fr与minmax可实现响应式设计。例如设置grid-auto-rows:120px;grid-a
-
子元素跨多行导致布局错乱，通常因grid-row-start与grid-row-end设置不当或与其他项冲突。应明确指定起止行号如grid-row:2/4，避免span过大溢出；在容器中使用grid-template-rows定义固定行轨道，防止隐式生成造成偏移；多个元素勿占用相同区域，可用outline调试重叠；通过grid-auto-flow:dense填补空隙，但建议对所有跨行元素显式定位。精准控制行跨度、预留空间、避免重叠是关键。
-
WebSocket通过newWebSocket(url)建立持久双向连接，支持ws/wss协议；监听open/close/error/message事件处理状态与消息；send()发送数据需确保readyState为OPEN；需服务端WebSocket支持及Nginx等中间件配置Upgrade头。
-
透明背景色不改变元素尺寸或文档流；background-color的alpha值仅影响背景绘制，而opacity作用于整个元素并触发图层提升。
-
JavaScript异步编程核心是避免主线程阻塞，回调函数易致“回调地狱”且错误处理繁琐，Promise通过状态管理、链式调用和统一错误处理（.catch）提升可读性与组合性，内部仍基于回调但已标准化封装。
-
本文详解如何在HTML表格中规范使用<th>元素与scope属性，使首行作为列标题、首列作为行标题，并确保左上角单元格（即第1行第1列）本身也是表头，从而提升可访问性与语义正确性。
-
通过使用属性选择器、伪类和现代布局模型，可高效构建响应式图片画廊。首先利用[class^="gallery-"]统一应用Flexbox布局，实现自动排列与间隙控制；再通过:nth-child(4n)清除每行末项边距，避免错位；结合[data-layout="masonry"]切换Grid布局适配不同展示需求；最后用子选择器精准控制img样式，确保等比缩放与视觉统一，提升维护性与响应能力。
-
linear-gradient()是background-image的值，需配合颜色停止点使用；方向可写toright或45deg等，不写默认tobottom；颜色透明度表达方式须统一；简写background会清空渐变，应单独设background-image或将渐变置于background值最前。
