-
Phaser适合2D游戏开发，Three.js用于3D视觉效果，Babylon.js支持完整3D游戏框架，PixiJS专注高性能2D渲染，根据项目类型选择引擎可降低开发成本。
-
<p>生成器函数用function*声明，调用返回Generator对象，需用next()驱动执行；yield暂停并保留状态，return或结束时done:true；常用于惰性求值、无限序列和状态机。</p>
-
语义正确优先选<ol>，因其准确表达面包屑从根到当前页的不可互换层级序列；外层用<navaria-label="Breadcrumb">包裹，内部<li>中当前页须用<spanaria-current="page">标注。
-
HTML5video元素不支持帧插图，需用canvas叠加实现：先确保video.readyState≥2，再用drawImage将视频帧渲染到canvas，最后在其上绘制图片；永久嵌入须用FFmpeg等服务端处理。
-
SQLite不支持SQLServer风格的OUTPUT子句，但自3.35.0版本起原生支持标准SQL的RETURNING子句，可直接在INSERT语句后返回新插入行的指定字段（包括自增主键）。
-
scroll-behavior:smooth未生效最常见原因是未作用于实际滚动容器，而误设在html或body上；其次不支持内联样式，且旧版Safari不兼容。
-
trycatch仅能捕获同步运行时错误，如throw、ReferenceError、TypeError、JSON.parse失败等；无法捕获异步错误、语法错误、未处理Promiserejection和全局资源错误，需配合unhandledrejection、error事件及async/awaitcatch等机制完善错误处理。
-
本文详解如何通过CSS动画让红色方块从不可见、超大缩放（如scale(10)）状态平滑缩放到原始尺寸（scale(1)）并淡入显示，避免初始闪现，核心在于正确设置opacity:0初始态与animation-fill-mode:forwards配合关键帧控制。
-
闭包的核心是函数能访问并保留其外部作用域的变量，即使外部函数已执行完毕。JavaScript采用词法作用域，函数定义时即确定作用域链，查找变量时逐层向上追溯。当函数返回一个内部函数且该函数引用了外部变量时，这些变量不会被垃圾回收，而是保留在堆内存中，形成闭包。典型例子如计数器函数，inner函数持续访问outer中的count变量，说明闭包延长了变量生命周期。闭包常用于私有变量、模块模式和柯里化等场景。例如createPerson通过闭包实现对外部name的封装，仅通过方法访问。但需注意循环中使用闭包可能
-
JavaScript模块打包依赖构建工具而非原生特性，浏览器仅支持静态ES模块加载，不支持包名导入、非JS资源及文件合并；vite和webpack等工具通过图谱分析、转换与输出实现打包。
-
grid-template-rows设为1fr不能使卡片等高，因其仅定义网格轨道高度，而卡片实际高度由内容撑开；需配合grid-auto-rows:1fr与子项min-height:0才能实现真正等高。
-
下拉菜单错位或不显示，最常见原因是子菜单用position:absolute但父级未设position:relative；需给直接父容器加relative创建定位上下文，并检查overflow、高度塌陷、z-index及移动端transform冲突。
-
HTML5视频音量必须用JavaScript设置volume属性（0.0–1.0），且需等待canplay等事件；muted属性更关键，自动播放依赖muted=true，取消静音须在用户手势回调中同时设muted=false和volume=1。
-
首先将HTML代码保存为.html文件，再用浏览器打开即可查看效果。具体步骤包括：使用文本编辑器保存代码并确保扩展名为.html；双击文件或右键选择浏览器打开；借助VSCode等编辑器的LiveServer实现热更新预览；对需HTTP服务的项目，可通过Node.js搭建本地服务器运行；最后利用浏览器开发者工具调试页面结构与错误，确保正常显示和功能完整。
-
z-index用于控制定位元素的堆叠顺序，数值越大越靠前；需配合position:relative、absolute、fixed或sticky使用，且受堆叠上下文限制，不同上下文间层级独立，建议分层管理z-index值以避免冲突。
