-
用Map构建“字段名-验证器”映射引擎，核心是将各表单字段校验逻辑封装为可复用、动态注册/替换的函数，以字段名为键、验证函数为值存入Map，实现结构与规则解耦，适配配置化表单、多语言及动态策略场景。
-
直接设置width/height无效，应使用transform:scale()配合transform-origin:center缩放，并通过margin调整间距，确保可点击区域≥24×24px且兼顾可访问性。
-
html5play无法播放AAC音频的根本原因是其依赖浏览器原生audio元素，而浏览器仅支持MP4封装的AAC（.m4a/.mp4），不支持裸ADTS流（.aac）；需确保服务端返回audio/mp4或audio/x-m4a类型及正确CORS头。
-
真正可行的是background-clip:padding-box配合透明border实现渐变边框，因该属性限制背景仅渲染于内边距及内容区，结合transparent边框可使渐变“显形”于边框位置。
-
塔防游戏需三大核心：路径需用节点序列与插值实现平滑移动；逻辑与渲染须分离并用固定步长驱动；攻击判定宜用格子法优化性能；交互需处理坐标转换、区域校验与DPI适配。
-
直接修改element.style.xxx即可，需注意驼峰命名（如backgroundColor）、单位字符串（如"14px"）、CSS变量用setProperty()、避免混淆只读的getComputedStyle()。
-
理解CSS盒子模型是掌握网页布局的关键，它将每个HTML元素视为包含内容、内边距、边框和外边距的矩形盒子。1、width与height设置内容区尺寸，可使用像素或百分比，并配合max/min属性控制弹性；2、padding定义内容与边框间的内边距，支持四方向独立设置或简写形式，且背景会延伸至该区域；3、border围绕内容与内边距，可通过样式、颜色、宽度定义边界，支持单边或简写设置；4、margin设定盒子与其他元素的外部间距，影响布局位置，支持负值实现重叠效果；5、box-sizing控制宽高计算方式，
-
正确引用外部CSS需根据HTML与CSS文件的相对位置使用路径。同一目录用href="style.css"，子目录用href="css/style.css"，上级目录用href="../style.css"，多级跳转如href="../../assets/css/main.css"；注意大小写敏感、使用正斜杠/、避免以/开头导致根路径误用，并通过开发者工具Network面板验证加载情况。
-
Symbol是JavaScript的原始类型，用于创建唯一不可变值以避免属性名冲突；其作为对象键时不可枚举但可通过Object.getOwnPropertySymbols获取，Symbol.for()支持全局复用，但需慎用。
-
必须为link标签添加media="print"属性，否则打印预览时不会加载该样式表；推荐使用独立print.css文件并通过<linkrel="stylesheet"href="print.css"media="print">引入，兼顾调试可暂用media="screen,print"。
-
逗号分隔的选择器匹配满足任一条件的元素，是并集操作而非交集；它将多个独立选择器结果合并应用样式，语法错误或兼容性不支持会导致整条规则失效。
-
JavaScript是现代网页的神经系统，负责交互响应、动态更新与单页应用驱动；它嵌入HTML或外链执行，依托Node.js延伸至服务端，并催生React等框架及npm生态。
-
margin-inline在Chrome87+、Firefox63+、Safari14.1+原生支持，IE全不识别，旧版Edge（12–18）亦不支持。
-
JavaScript模块化历经从全局污染到IIFE、CommonJS、AMD、UMD，最终演进至ESModules（ESM），其核心是解决命名冲突、依赖管理与代码复用。ESM作为语言原生标准，支持静态分析、TreeShaking、异步加载与实时绑定，统一了前后端模块体系，成为当前最优解。迁移中需应对语法差异、路径处理、同步异步兼容及第三方库支持，建议通过构建工具逐步过渡。
-
浮动元素“消失”是因父容器未形成BFC导致高度塌陷，属CSS规范行为；修复关键在于触发BFC，推荐display:flow-root（无副作用），兼容场景可选overflow:hidden或zoom:1。
