-
decode()是HTMLImageElement的异步方法，必须在JavaScript中调用并处理Promise，不能直接写在HTML标签里；正确做法是监听load事件后调用decode()，仅在其resolve后才显示图片。
-
使用border-radius:50%可将正方形图片变为圆形头像，需设置等宽高、用object-fit或background-size优化显示效果，并注意图片比例与分辨率。
-
非关键CSS必然阻塞DOM渲染，解决核心是延迟其下载或应用时机；media="print"+onload是最轻量兼容方案，利用浏览器对print媒体的异步处理逻辑，onload中须立即执行this.media='all'并置空onload以避免重复触发。
-
正确使用标签需注意路径、target属性、锚点及SPA适配：相对路径以当前文件为起点，绝对路径以/开头；新开标签页须加rel="noopenernoreferrer"；锚点id需严格匹配且URL编码中文；SPA中优先用路由API。
-
Foundation的Grid基于Flexbox而非CSSGrid或浮动，.grid-x/.cell与原生grid属性互斥；其响应式断点、等高处理及交互实现均需遵循特定规则，混用易冲突。
-
刚体运动通过牛顿力学公式更新位置与速度，结合重力、摩擦力等受力计算；碰撞检测常用AABB判断矩形碰撞，通过圆心距与半径和比较判断圆形碰撞，实现JavaScript物理模拟。
-
<p>最稳妥的样式隔离方案是用data-ui属性限定作用域，配合CSSModules或框架提供的CSS变量主题机制。优先通过data-属性前缀约束选择器、避免穿透式覆盖、禁用!important，并利用构建时哈希类名或自定义属性实现天然隔离与动态主题支持。</p>
-
“路由锁”是前端SPA中通过路由守卫拦截跳转的控制机制，用于防止用户在表单提交、支付等关键操作中误离开导致状态丢失，本质是JavaScript层的跳转拦截与确认逻辑。
-
@keyframes动画必须显式定义0%和100%关键帧，仅用from/to存在兼容风险；animation缩写中duration须在delay前且带单位；仅transform和opacity可GPU加速；forwards对infinite动画无效，中断时需用animationend事件固化状态。
-
答案：disabled属性用于禁用表单元素，使其不可交互且值不提交。可通过HTML直接添加或JavaScript动态控制，支持input、button等表单元素，与readonly区别在于值不提交、无法聚焦，需配合后端验证和无障碍设计。
-
地图标注需通过地图SDK（如高德AMap.Marker、LeafletL.marker）实现，HTML标签无法响应交互；坐标须按平台要求顺序传入（高德/Leaflet为[lat,lng]，百度为[lng,lat]），且必须初始化地图实例后添加标记，同时注意坐标系匹配与HTTPS环境。
-
用对象管理筛选状态并每次全量重算，避免class切换累加；事件委托处理多选；range防抖+URLSearchParams同步URL。
-
在BlazoriseDataGrid中直接显示HTML字符串（如<a>链接）时，默认会进行HTML编码而无法渲染为真实元素；需通过MarkupString显式标记可信内容，才能实现安全、可控的HTML渲染。
-
伪元素边框不会撑大盒子——前提是用position:absolute定位并设content:""，使其脱离文档流；否则默认display会占据空间。
-
在响应式设计中保持CSS按钮悬停效果的一致性，关键在于确保视觉反馈在不同设备和屏幕尺寸下都清晰、可用且体验统一。以下是一些实用方法，帮助你在各种设备上维持一致的悬停行为。使用相对单位定义尺寸和间距为按钮设置宽高、内边距和字体大小时，避免使用固定像素值（px），改用相对单位如rem、em或%。这样按钮能随屏幕尺寸缩放，悬停时的视觉变化也更协调。例如：padding:0.75rem1.5rem;比padding:10px20px;更适合响应式布局字体大小使用rem可确保与用户默认设置兼容，提
