HTML4中script默认同步阻塞，HTML5新增async（下载完立即执行，顺序不确定）和defer（DOM解析后按序执行），二者仅对外部脚本生效，内联脚本忽略这些属性。

图片在CSSGrid中排列不整齐，主因是尺寸、容器约束或对齐方式未协调：需设width:100%;height:auto;、display:block;，合理使用justify-items/align-items，并配合minmax()、object-fit和gap优化。

JavaScript模块化关键在正确使用ESM与CommonJS：二者不兼容，混用报错；ESM的import须顶层声明，动态加载需用import()；exportdefault与具名export导入方式严格对应；Node.js中ESM需启用"type":"module"且路径必须带后缀。

Intl是JavaScript内置国际化API，支持日期、数字、货币、列表、相对时间和字符串排序的本地化格式化；需传入语言标签如"zh-CN"创建实例，不处理文本翻译。

Canvas提供2D绘图灵活控制，WebGL实现3D硬件加速，结合使用可兼顾性能与效率。

动态插入含脚本的HTML时，内联JS不会自动执行或监听DOMContentLoaded，需手动触发事件或安全执行脚本；本文详解两种可靠方案：事件重播与脚本提取执行。

推荐CodePen、JSFiddle、CSSDeck或Playcode.io等轻量CSSPlayground工具，支持HTML/CSS/JS实时预览、快速调试布局与动画、检查计算样式，并可导出代码或生成分享链接。

JavaScript装饰器是Stage3提案，支持修饰类、类方法、访问器及字段，不支持普通函数等；分为类装饰器（1参数）、方法装饰器（3参数）、参数装饰器（3参数），需TS或Babel配置启用。

WebLocksAPI通过navigator.locks.request()提供原生并发控制，解决跨上下文数据冲突问题。它支持exclusive（独占）和shared（共享）两种模式，分别用于写操作和读操作的协调，实现“多读单写”的高效同步。开发者可利用锁名称统一标识资源，结合options配置ifAvailable、steal和AbortSignal等行为，避免竞态条件与资源争用。相比localStorage事件或postMessage等手动方案，WebLocks具备原子性、自动释放、浏览器级可靠性等优

TV浏览器音画不同步主因是WebKit内核对MSE、时间戳及音频缓冲处理不一致，尤其在低端芯片或定制系统中更严重；需检查并统一音视频time_base、避免VFR、校验MSE时间戳单调性。

flex布局中align-items:stretch默认生效，三栏等高需父容器有明确高度或内容撑开；CSSGrid更轻量，子项天然等高且不依赖父容器高度。

clear属性通过强制元素避开上方浮动区域来解决浮动导致的布局错乱，而非清除浮动本身；它只对块级元素生效，常用值为left、right、both和none，正确用法是在浮动后首个块级元素上设clear:both或用伪元素clearfix方案。

HTML5音视频进度控制需用currentTime和duration，但必须等loadedmetadata事件后才能读取duration；用type="range"实现拖拽条时，应监听input和timeupdate事件同步值，并用seeking/seeked事件精准判断寻道状态。

捕获组用()提取子串并可通过\1引用，如/(abc)\1/匹配"abcabc"；2.非捕获组(?:)仅分组不捕获，提升性能

本文详解jQuery中处理多级嵌套radio按钮时.shown类失效的根本原因——CSS层叠顺序冲突，并提供可复用的结构化解决方案，确保子级选项（如TierI/IIMove）能按需精准显示。