-
HTML布局核心是结构自带表现意图：语义标签定逻辑骨架，Flex/Grid控流，响应式写在CSS中；误用div替代语义标签会切断SEO、无障碍及维护链。
-
Vue项目Store膨胀主因是状态组织失当，应通过namespaced模块化划清边界、分离API与类型定义、避免跨模块直接调用，并结合动态注册实现按需加载。
-
双下划线__是BEM的语义分隔符而非视觉优化，用于工具链精准识别块-元素边界；删减或替换会导致解析失效、样式丢失、协作混乱。
-
:nth-child(2n+1)按父元素所有子元素序号选中奇数位置元素，不区分标签类型；若存在其他节点（如div、注释或空白文本节点），则实际li的序号偏移，导致视觉奇数项未被选中。
-
fetchpriority属性仅对<img>和<iframe>生效，需写为fetchpriority="high"或"low"（不可省略值），Chrome119+支持，Firefox/Safari忽略；与loading="lazy"共用时，lazy逻辑优先级更高，可能导致high失效。
-
这是最常见、最推荐的方式，适用于大多数现代浏览器。2. 为什么使用 UTF-8？UTF-8 是一种可变长度的字符编码，能够支持全球所有语言的字">
<metacharset="UTF-8">必须置于<head>内首个可解析标签位置，否则浏览器可能已按默认编码（如ISO-8859-1）开始解码，导致中文乱码且刷新无效；其值须严格为“UTF-8”，文件保存也须为UTF-8无BOM，且与HTTP响应头charset一致。
-
<p>Less中calc()配合vw实现流式字号的前提是：所有运算必须在编译期完成并化简为“a+b*100vw”线性形式，用~""拼接字符串输出，否则因Less解析器误判运算符而报错。</p>
-
Flex实现响应式等高列在Less中需设父容器display:flex和flex-wrap:wrap，子项用flex:11auto，配合@media(max-width:768px)设flex-direction:column及flex:11100%，避免固定高度破坏拉伸逻辑。
-
Vue计算属性可返回函数，用于动态取值与响应式更新，如根据key读取对象字段；其原理是computed封装可追踪值，返回函数时闭包捕获最新响应式数据，调用时自动获取新值。
-
opacity动画需显式声明transition或animation才能生效，@keyframes必须明确起止值0和1，配合forwards填充模式及visibility:hidden实现真正淡出。
-
<script>标签中的同步代码是宏任务，由HTML解析时按规范入队；其内部产生的Promise.then、queueMicrotask等回调才构成微任务，事件循环在每个宏任务后清空微任务队列。
-
grid-template-areas必须每行引号内字符数相等、区域名不重复不遗漏、空白用"."占位；grid-template-columns/rows单位需按fr/px/auto语义合理搭配；grid-template简写顺序固定为行/列/区域，缺项需用/占位；其值不支持CSS变量或表达式。
-
仅写appearance:none无法清除iOS输入框内阴影，必须搭配-webkit-appearance:none和background-color:transparent、border:1pxsolidtransparent、outline:none、padding与line-height显式设置这4+关键项，否则阴影照旧。
-
答案：使用HTML5Canvas结合JavaScript绘制动态时钟，通过arc绘制表盘外圈，createRadialGradient实现渐变填充，for循环绘制12个刻度及数字，利用translate和rotate变换简化指针旋转逻辑，通过requestAnimationFrame实现每秒更新动画，配合save/restore保持坐标系状态，最终呈现一个带立体感渐变、平滑转动的模拟时钟。
-
CSS变量中带空格的字体名必须将引号写入变量值内，如--font-main:"HelveticaNeue",sans-serif；fontshorthand不支持var()，须显式声明font-family。
