-
HTML是声明式标记语言，只描述结构与语义，不执行逻辑；其核心价值在于通过语义化标签（如<header>、<nav>、<main>）明确内容角色，支撑SEO、无障碍访问与代码可维护性。
-
CSS变量在clamp()中未生效是因为变量未提前定义或作用域错误，导致整条规则被浏览器静默忽略；必须在:root中预先声明且避免媒体查询内重定义。
-
小程序中无法使用HTML的<inputtype="file">调用相机，必须使用原生API：微信用wx.chooseMedia（推荐）、支付宝用my.chooseImage，且需正确配置权限与参数。
-
浮动会导致表单控件错位或父容器塌陷，清除浮动须作用于父容器而非子元素，推荐用overflow:hidden或伪元素::after；现代方案首选flex布局，天然不塌陷、对齐可控。
-
BEM规范下筛选器需严格遵循块-元素-修饰符边界：filter为语义化独立块名，tag与clear为同级元素，禁止三级嵌套；状态修饰符须单一职责，交互控件需无障碍支持。
-
String.prototype.at()是ES2022引入的安全访问字符串字符的方法，支持负索引、统一返回字符或undefined，简化倒序遍历与末位条件检索，现代浏览器及Node.js16.6+已原生支持。
-
纯HTML无法实现真正的数据大屏地图，因其缺乏地理坐标渲染与矢量图层控制能力；可行方案为使用EChartsmap类型或Leaflet/MapboxGLJS加载自定义行政区划图层。
-
推荐使用CSSGrid结合fr单位与minmax()及auto-fit实现响应式网格列。通过grid-template-columns:repeat(auto-fit,minmax(250px,1fr))可自动调整列数，每列最小250px、最大均分剩余空间，适配不同屏幕；搭配gap设置间距，小屏下自然堆叠。如需精细控制，可辅以媒体查询在特定断点固定列数，例如大屏四列、平板两列、手机单列。同时建议设置max-width:100%防止图片溢出，确保内容可访问性与布局美观，整体语义清晰、维护简便。
-
锁名必须带业务唯一标识，如update-cart-${userId}，且需URL-safe、≤64字符；mode必须显式设为'exclusive'；应配置ifAvailable和AbortController防卡死；Safari不支持，需服务端幂等兜底。
-
必须显式传入radix，因省略时JavaScript依前缀自动推断进制，导致Number.parseInt("010")在不同环境结果不一致；显式指定如Number.parseInt("010",10)可确保行为确定。
-
组合式API的核心优势在于业务逻辑驱动、逻辑复用自然安全、大型组件可维护性高、响应式控制更精细、与现代JS生态融合顺畅。
-
top:50%移动的是元素左上角到父容器垂直中线，导致整体偏下；需配合left:50%和transform:translate(-50%,-50%)才真正居中，且父容器须设position:relative。
-
mix-blend-mode失效主因是元素未满足重叠且非隔离的叠层条件，需检查isolation、层叠上下文及背景内容；不同混合模式基于像素公式计算，移动端兼容性差，filter执行顺序影响结果。
-
fetch()的priority选项根本不存在，不是标准API，所有浏览器均不支持；实际调用会报TypeError或静默忽略，真正影响优先级需依赖preload、发起时机、上下文等间接手段。
-
<var>标签仅用于语义化标记文档中提及的变量名（如“result”），适用于技术文档说明，不可用于JavaScript执行或声明变量；它默认斜体渲染，专指单个变量标识符，区别于<code>（任意代码片段）和<span>（无语义）。
