-
lang属性必须写在<html>标签上，如<htmllang="zh-CN">，写在其他标签无效；多语言内容需用lang单独标注子元素；动态页面须在SSR或HTML源头设置，不可JS后期修改。
-
应使用transform+opacity切换表单，因其不触发重排、支持硬件加速、动画平滑；display:none使transition失效，visibility:hidden无法配合位移动画。
-
最稳妥的文字大小设置方式是用rem单位，需配合根元素font-size和viewportmeta标签；px适合像素级微调但不适用于正文；em和%易因嵌套失控，应慎用。
-
React的useState是异步更新的，调用setContent后状态不会立即生效，而是在下一次组件重渲染时才反映新值；因此在set调用后立刻console.log(Content)会输出旧值，而非刚设置的数据。
-
用$spacersmap配@each生成边距工具类，键为语义名、值为带单位长度；margin/padding应分层map管理；响应式按需生成，方向控制用嵌套$sidesmap，单位须统一且注明约束。
-
grid-column-gap仅控制列间间距，不处理容器左右外边距；需配合padding实现视觉等距，推荐用gap+padding+auto-fit响应式布局。
-
css-vars-ponyfill是IE下支持CSS自定义属性的最可行方案，它在运行时解析并替换var()，支持嵌套、calc()内使用、动态更新及媒体查询作用域，但需注意IE对calc()+var()的兼容限制和动态更新时需显式触发重计算。
-
HTML中video/audio标签加无值muted属性是唯一可靠默认静音方式，必须写为<muted>而非muted="true"；autoplay必须与muted同时存在且为HTML属性，解静音操作须绑定用户交互事件。
-
JavaScript创建自定义事件需用CustomEvent构造函数创建事件对象并调用dispatchEvent触发，监听时通过e.detail获取数据；事件传播分捕获（window→目标父级）、目标、冒泡（目标→window）三阶段，可用stopPropagation()等控制传播。
-
用L.marker([纬度,经度]).bindPopup()绑定HTML内容即可实现点击显示带位置信息的弹窗；需注意坐标顺序、容器高度设置、逆地理编码调用及移动端click事件启用等关键细节。
-
document.addEventListener('mousemove',e=>{document.documentElement.style.setProperty('--x',e.clientX+'px');document.documentElement.style.setProperty('--y',e.clientY+'px');});监听鼠标移动并同步更新根元素CSS变量--x和--y，使用clientX/clientY确保视口坐标精准，避免body导致滚动偏移，纯变量赋值无重排，性能
-
模板字符串更安全简洁，支持直接嵌入表达式、多行文本、标签函数扩展；${variable}避免隐式类型转换问题，反引号天然保留换行缩进，且IDE高亮支持更好。
-
WebUSB不能通过USB-C取电，供电稳定性取决于硬件链路；设备闪退多因非标线缆、主机端口供电不足或设备功耗突增；Electron/Tauri虽可绕过沙箱读取供电状态，但无法提升物理供电能力。
-
外边距合并不是bug而是CSS规范行为：垂直相邻块级元素的margin-top/margin-bottom会取较大值合并。典型场景有相邻兄弟元素、父子塌陷、空元素自合并；推荐用BFC（如display:flow-root）、统一设margin-bottom、gap或微调padding/border来隔离。
-
富媒体摘要必须使用JSON-LD格式的<scripttype="application/ld+json">，且结构化数据需与页面可见内容严格一致；Article类型须含headline、datePublished、author等字段，image须为可访问的数组，datePublished等日期须为带时区的ISO格式。
