-
迷宫游戏的核心是JavaScript，HTML和CSS仅负责结构和样式，真正实现迷宫生成与寻路的是JS。1.迷宫通常用canvas绘制，性能优于div网格；2.迷宫数据结构为二维数组，0为通路，1为墙壁；3.生成算法常用递归回溯（路径长、挑战性强）、Prim（分支多、更自然）或Kruskal（开放区域多），其中递归回溯最适合互动游戏；4.绘制使用requestAnimationFrame保证流畅；5.玩家控制通过监听keydown事件实现，移动前需进行碰撞检测；6.路径寻找采用A*算法，将迷宫抽象为图，每
-
渐变色发灰是因浏览器默认用sRGB非线性插值；应改用insrgb-linear强制线性插值，提升过渡平滑度与亮度均匀性，且兼容现代主流浏览器。
-
移动端按钮点击区域过小应优先用padding扩大热区，但需结合display调整、避免margin/transform误用，并确保touch-action和pointer-events设置正确，真机测试验证稳定性。
-
Flex子元素宽度不均的根源在于主轴尺寸分配未明确控制，需用flex-basis设基准宽度、flex-grow控剩余空间分配，并注意min-width、flex-shrink等干扰因素。
-
HTML5中<table>仍用于语义化二维数据，禁用于布局；须用<thead><tbody><tfoot>提升可访问性与打印支持；小屏用overflow-x:auto而非缩放；多级表头用scope或headers确保无障碍。
-
当使用CSSGrid布局时，只有网格容器的直接子元素才能通过grid-column/grid-row等属性参与网格定位；嵌套在中间容器（如.profile-p-info）内的元素（如.profile-p-name-div）因非直系子项而被忽略，导致定位失效。
-
用同一form组织公司/个人字段，通过data-invoice-type标记并用JS显隐控制；radio切换类型，统一name传值；tax_id必填校验交由JS动态处理，切换时清空残留值。
-
color-scheme是实现网页深色模式适配的关键CSS属性，通过设置lightdark可使页面原生控件自动匹配系统主题，结合prefers-color-scheme可同步自定义样式，提升用户体验。
-
将HTML5页面发布到线上服务器需五步：一、整理并验证本地文件及资源；二、选择虚拟主机、云服务器、对象存储或静态托管服务并配置；三、用FTP等工具上传文件至服务器根目录；四、配置域名DNS解析指向服务器IP或CNAME；五、通过多设备多浏览器测试访问效果与兼容性。
-
fixed遮罩层挡不住点击是因为z-index不足、缺少pointer-events:auto且未用inset:0；弹窗需三层嵌套+flex布局+min-height:0；iOS需禁用body滚动并预置DOM避免闪烁。
-
console不只是console.log()，它有一套完整、可交互、带性能分析能力的调试工具链，但多数人只用到了20%的功能；关键在于按场景选方法，而不是堆console.log()。
-
完全行且推荐，CSSGrid负责区域划分，Flex负责内部对齐；常见问题包括Grid项高度未定义导致Flex的height:100%失效、align-items:stretch拉伸干扰、方向误判、fr单位压缩、嵌套过深难维护、IE11不支持Grid等。
-
最稳妥做法是在:root中声明全局CSS变量，确保所有基础色有默认值，再通过媒体查询或class覆盖；JS动态换肤应批量注入主题对象，var()必须带字面量fallback，构建时用style-dictionary等工具统一管理设计Token。
-
PurgeCSS删不掉class是因为它只识别静态字符串，忽略动态拼接、JS注入和模板字符串中的class；需正确配置content路径、插件顺序、避免运行时生成，并用whitelist、dry-run等手段验证。
-
JavaScript深拷贝中，JSON方法无法正确处理Date和RegExp对象，会丢失类型信息；Lodash的cloneDeep默认支持，通过newDate()和newRegExp()重建实例；手写需显式判断类型并兼容IE。
