-
根本原因是图片未约束：img默认为inline元素且不参与Gridtrack计算，会溢出或拉伸父项；应设width:100%;height:auto;、父项overflow:hidden;，并配合aspect-ratio或显式宽高属性防重排。
-
JavaScript异步循环中索引错位问题源于var声明的i被闭包引用而非复制，IIFE通过传参创建独立作用域锁定当前索引值；ES6推荐用let声明或forEach替代。
-
<dir>标签在HTML5中已被彻底移除，HTML4.01起已废弃；应使用<ul>替代，并通过CSS控制样式，dir属性（文本方向）与此标签无关且仍有效。
-
keygen标签已被彻底移除，所有主流浏览器均不解析；其替代方案是WebCryptoAPI手动生成密钥对或优先采用WebAuthn进行身份认证。
-
PerformanceAPI监测Canvas游戏帧稳定性需捕获关键渲染阶段时间断点，通过mark/measure记录frame/update/render各阶段耗时，结合p95和max帧耗时识别抖动，并关联DrawCall定位瓶颈。
-
双击HTML文件可快速打开，但路径含中文、空格或括号易导致Chrome等浏览器加载失败；推荐使用纯英文无空格路径、命令行指定浏览器打开，或VSCode的LiveServer插件启动本地HTTP服务。
-
createRenderer是Vue3实现平台无关渲染的核心入口，通过注入标准化rendererOptions接口（如createElement、insert、patchProp等）动态生成适配DOM/Canvas/Worker/SSR等环境的渲染器，render函数与createApp均基于该接口解耦实现。
-
setActionHandler未生效主因是媒体会话未激活——需用户手势触发play()成功进入playing状态后才生效，且须确保浏览器支持、无自动播放拦截、handler内异步操作妥善处理。
-
根本原因是IE11渲染模式降级或CSS/JS未适配：需强制Edge模式（metaIE=edge）、避免calc()和appearance等不支持语法、使用Babel转译JS、确保box-sizing和min-width:0等兼容处理。
-
radial-gradient默认画椭圆是因为起始形状是ellipse而非circle；要画圆必须显式声明circle，并配合closest-side或farthest-corner等size关键词控制半径范围。
-
元素或FormData对象实现图片上传功能。以下是两种常见方式的实现方法：✅ 方法一：使用 上传图片1. HTML 部分
可通过HTML5的FormData与file输入框结合XMLHttpRequest或fetch实现图片上传：一、XMLHttpRequest方式需创建FormData并手动配置xhr；二、fetch方式以Promise风格简化异步流程；三、启用multiple属性可批量上传；四、配合FileReader可实现本地预览。
-
HTML中的“组件化”是开发者通过语义化标签、CSS作用域隔离和JS逻辑封装，人为构建可复用、可替换的结构单元；需遵循边界约束、命名规范与配置契约，以降低维护成本。
-
rules属性仅在border-collapse:collapse模式下生效，控制表格内部行列分隔线显示，取值包括none、rows、cols、all、groups，不支持颜色和线型设置，现代开发推荐用CSS替代。
-
行内元素默认间距源于HTML换行符和空格被浏览器解析为一个空格字符，并依font-size和line-height渲染；font-size:0+子级重置字号或display:flex+gap是稳定解决方案。
-
通过配置Git自定义合并驱动和外部Python脚本，可实现HTML与CSS文件的智能合并；在.gitattributes中为.html和.css文件指定merge=html_merge和css_merge驱动，并用gitconfig全局注册对应驱动命令，调用~/bin/merge_html.py和merge_css.py脚本；脚本使用BeautifulSoup等库解析文件结构，安全合并语义一致的变更并保留冲突标记；结合Magit的钩子机制，在.pre-merge-commit中调用tidy和csslint
