-
WeakRef不能自动清理缓存，需配合FinalizationRegistry主动删除失效项；缓存值应为弱引用，键用普通Map管理，Blob/ImageBitmap需显式释放。
-
overflow-wrap:break-word没效果的根本原因是被其他样式或布局机制压制：white-space:nowrap会直接禁用换行；flex子项未设min-width:0导致无法收缩；容器缺少width/max-width使浏览器无断行依据；table-cell或inline-block等特殊显示模式也限制其生效。
-
本文围绕后台通知、订单状态、协作消息等场景，对比短轮询、SSE 和 WebSocket 的连接成本、实时性、方向能力和降级方式，给出可落地的选择规则。
-
可通过调整HTML结构与CSS样式实现博客主题与布局设置。一、使用内联CSS在head中添加style标签，定义字体、背景色和标题样式；二、引入外部CSS文件如style.css和dark-theme.css，通过修改link标签的href属性切换主题，结合JavaScript实现动态切换；三、利用header、main、article、aside、footer等语义化标签构建清晰结构，提升SEO与可读性；四、采用CSSGrid设置display:grid、自适应列数和间隙，实现响应式文章网格布局；五、运
-
直接从Flex布局入手做个人主页最高效，用语义化HTML结构（header/main/footer）配合flex-direction:column、flex:1和min-height:100vh实现响应式粘底布局。
-
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实现真正淡出。
