-
box-shadow四个值依次为水平偏移、垂直偏移、模糊半径和颜色；漏掉颜色或调换后两值位置会导致失效或异常；模糊半径不能为负；配合transform和多层阴影可提升真实感，但需注意Safari兼容性。
-
手风琴效果不必强制使用details元素，但details+summary是最稳妥方案，原生支持展开/收起、键盘操作与屏幕阅读器语义，无需JS；多开为默认行为，单开需少量JS实现；动画应避免max-height:none，推荐设固定较大值（如600px）。
-
HTML和CSS无round函数，必须用JavaScript实现；Math.round()仅支持整数四舍五入且负数按向正无穷取整，保留小数需手动缩放，严格四舍五入应避免toFixed()的银行家舍入。
-
template.content是唯一能取到模板内容的只读属性，返回DocumentFragment；必须用cloneNode(true)或importNode克隆后才能复用，且需手动绑定事件、设置表单状态。
-
TreeShaking插件通过静态AST分析识别未被import引用的ES模块顶层导出（named/default），构建引用图并剔除未存活声明，需保留副作用代码、递归处理依赖链，且高度依赖代码符合ESM与strictmode规范。
-
HTML表格使用<table><tr><th><td>构建，支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。
-
清除整个SessionStorage的最简方式是调用sessionStorage.clear()，它立即删除当前源下所有键值对，不可逆且不触发storage事件；removeItem(key)是删除单个key的唯一合规方法，delete操作无效。
-
使用<img>引入外部SVG时currentColor失效，因其独立文档上下文无法继承父级颜色；解决方法为内联SVG或用mask-image/background-image配合单色SVG。
-
IntelliJIDEA中HTML5文件可借助内置浏览器、外部浏览器、内置HTTP服务器或LiveEdit插件实现预览：一、右键选OpeninBuilt-inPreview；二、配置外部浏览器后右键打开；三、通过JavaScriptDebug配置本地服务器访问；四、安装LiveEdit插件实现保存即刷新。
-
用HTML语义化结构（如dl）+CSS响应式排版（clamp、Gridalign-items:end、等宽字体）实现静态统计数字区，JS仅负责安全格式化（toLocaleString、空值处理）与可选轻量动画。
-
中介者模式重构微前端通信总线，通过统一入口、命名空间隔离、生命周期自动管理、请求-响应语义、跨框架兼容与安全控制，实现模块解耦与可控通信。
-
computed的核心作用是基于响应式数据自动计算并缓存结果；它通过依赖追踪和缓存机制避免重复计算，比methods更高效，且天然响应式，适用于购物车总价、总件数、是否为空等实时汇总场景。
-
闭包本身不提供回滚能力，但它是组织“原子化回滚”逻辑最自然的载体——关键在于把整个表单提交流程封装进一个受事务保护的执行单元中，让异常穿透触发数据库与内存状态的联动回滚。
-
<animate>在现代浏览器中已废弃，Chrome102+、Firefox86+、Safari16.4+移除SMIL动画支持，因其与CSS动画和WebAnimationsAPI重叠且存在安全性能隐患；应改用CSS@keyframes或WebAnimationsAPI替代。
-
触摸交互必须用BEM修饰符（如btn--pressed）配合JS显式控制，禁用:active伪类；需同步touchstart/touchend、focus/blur及aria-pressed，并确保PurgeCSS保留状态类。
