-
可通过创建快捷方式、移动文件至桌面、设置默认程序或使用命令行实现HTML文件在桌面直接运行，双击即可用指定浏览器快速查看内容。
-
HTML文档大纲由语义化标题标签<h1>–<h6>的层级与顺序决定，必须连续嵌套、避免跳级，配合<section>/<article>等分组元素形成子大纲，并通过axe等工具验证真实解析结构。
-
<p>用display:grid划分顶部/侧边/主内容三区最稳，推荐grid-template-rows:64px1fr48px、grid-template-columns:240px1fr，并配min-height:100vh防底部悬空；侧边栏需设overflow-y:auto和max-height:calc(100vh-64px-48px)，主内容区用overflow:auto而非scroll，小屏响应式宜用transform位移隐藏侧边栏。</p>
-
Object.assign是JavaScript中用于浅拷贝和对象合并的内置方法，按顺序将多个源对象的可枚举自有属性复制到目标对象并返回该对象；它不递归处理嵌套对象，同名属性后写入者覆盖前者，仅复制可枚举自有属性，不处理原型、getter/setter或不可枚举属性。
-
fill()无法生成独立引用矩阵，因它复制同一对象引用；正确做法是在map回调中每次新建对象，或用Array.from({length:n})替代以避免空位问题。
-
box-shadow不仅是加阴影，其默认不占布局空间，但易因blur-radius过大被裁剪、inset误用、多层阴影绘制顺序（从左到右、由远及近）及性能问题被忽视；语法须严格按h-offsetv-offsetblur-radiusspread-radiuscolorinset顺序书写，前两项必填，blur-radius模糊边缘，spread-radius扩大阴影尺寸；多层阴影用逗号分隔，每层参数须完整；inset需配合padding和border使用；响应式下应通过媒体查询、rem或伪元素适配，深色模式
-
console.table仅展平一层嵌套，深层属性显示为[objectObject]；需用map预展开、columns精确指定字段、统一数据结构，并在复杂场景改用console.group分层调试。
-
HTML没有函数，所谓“HTML函数”实为JavaScript代码或HTML属性；移动端JS执行虽支持ES2015+，但在document.write、定时器、localStorage、地理位置等API及事件绑定、输入触发、伪协议等方面存在兼容性差异，需针对性适配。
-
发票必填6字段为：invoiceTitle（营业执照全称）、taxNumber（15或18位信用代码，需正则校验）、bankName（开户行全称）、bankAccount（19位纯数字账号）、registerAddress（精确到门牌号）、registerPhone（带区号固话）；字段名、格式须严格匹配财税系统要求。
-
多层await嵌套不推荐，因其掩盖并发机会、放大错误传播、拖慢初始化；应改用依赖拓扑识别与有向执行控制，如Promise.all显式声明依赖并并发执行。
-
三栏布局中，Flexbox适合轻量响应式场景，而Grid在跨设备重排、精确行列对齐及复杂嵌套时更优；前者够用于动态内容与简单顺序调整，后者胜在结构化语义与维护性。
-
backdrop-filter在旧浏览器中不生效是因未实现该特性，需用rgba()降级色并配合@supports检测，同时避免overflow:hidden、添加-webkit前缀及合成层优化。
-
通过cursor属性可设置鼠标指针样式，如pointer、text、move等，用于提供交互反馈；支持自定义图片光标并设置备选值，合理使用能提升用户体验，需注意兼容性。
-
合理使用margin-left和margin-right可精准控制布局，需注意文档流方向、盒模型及响应式适配；在RTL语言中建议采用逻辑属性以提升兼容性；避免水平外边距导致溢出，可通过调整display、box-sizing或使用父容器padding解决；浮动与弹性布局中外边距行为不同，推荐flex使用gap或justify-content；响应式设计应选用相对单位并结合媒体查询优化显示效果。
-
HTML瀑布流失效的根本原因是图片缺乏可预测的宽高比。必须显式设置width/height或aspect-ratio，配合srcset/sizes、禁用首屏lazy加载、避免column-count截断、监听img.load而非仅IntersectionObserver，并启用grid-auto-flow:dense。
