-
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关键词控制半径范围。
-
可通过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
-
JavaScript闭包绑定特定参数的本质是利用函数能“记住”其创建时外部作用域的变量；2.当内部函数引用外部函数的参数或变量时，这些变量被闭包捕获并长期持有，即使外部函数已执行完毕；3.最直接的方法是通过外部函数接收参数并返回内部函数，使内部函数形成闭包从而绑定参数，如createAdder示例中addFive和addTen分别绑定了5和10；4.Function.prototype.bind()方法可显式绑定函数的this上下文及部分参数，返回一个预设参数的新函数，适用于回调场景；5.绑定参数常用于事
-
正则表达式可通过捕获组与反向引用（如(.))\1{3,}）识别连续重复字符以拦截垃圾输入，但不支持全局频率统计；需限定字符类型、前后处理空格，并在服务端复核。
-
样式不生效的三大主因是：link未放head内导致FOUC、href路径错误、rel="stylesheet"属性缺失或拼写错误；需确保link在head中且位于script前，路径正确，rel属性严格匹配，并配置服务器返回text/css响应头。
-
用CSS变量配aspect-ratio可提升可配置性与复用性，但需注意Safari≤15.3整条规则失效、padding-bottomfallback无法用变量、全局命名污染及渲染上下文干扰等问题。
