-
fetchpriority属性仅对<img>和<iframe>生效，需写为fetchpriority="high"或"low"（不可省略值），Chrome119+支持，Firefox/Safari忽略；与loading="lazy"共用时，lazy逻辑优先级更高，可能导致high失效。
-
:nth-child(2n+1)按父元素所有子元素序号选中奇数位置元素，不区分标签类型；若存在其他节点（如div、注释或空白文本节点），则实际li的序号偏移，导致视觉奇数项未被选中。
-
双下划线__是BEM的语义分隔符而非视觉优化，用于工具链精准识别块-元素边界；删减或替换会导致解析失效、样式丢失、协作混乱。
-
Vue项目Store膨胀主因是状态组织失当，应通过namespaced模块化划清边界、分离API与类型定义、避免跨模块直接调用，并结合动态注册实现按需加载。
-
HTML布局核心是结构自带表现意图：语义标签定逻辑骨架，Flex/Grid控流，响应式写在CSS中；误用div替代语义标签会切断SEO、无障碍及维护链。
-
直接从Flex布局入手做个人主页最高效，用语义化HTML结构（header/main/footer）配合flex-direction:column、flex:1和min-height:100vh实现响应式粘底布局。
-
可通过调整HTML结构与CSS样式实现博客主题与布局设置。一、使用内联CSS在head中添加style标签，定义字体、背景色和标题样式；二、引入外部CSS文件如style.css和dark-theme.css，通过修改link标签的href属性切换主题，结合JavaScript实现动态切换；三、利用header、main、article、aside、footer等语义化标签构建清晰结构，提升SEO与可读性；四、采用CSSGrid设置display:grid、自适应列数和间隙，实现响应式文章网格布局；五、运
-
Flex布局结合transition可实现流畅UI动画，通过justify-content、align-items与transition协同控制对齐与动效，如hover时居中滑动或卡片伸缩，需注意属性可动画化、浏览器支持及使用will-change优化性能。
-
TypeScript中获取DOM元素后需先类型断言再判空访问，否则会因Element无value等属性报TS2339错误，且strictNullChecks未启用将导致运行时null崩溃。
-
变量提升指JavaScript引擎在编译阶段将声明“记入”作用域顶部，并非真实移动代码；var声明被提升并初始化为undefined，let/const仅提升不初始化而存在TDZ，函数声明整体提升，函数表达式仅变量名提升。
-
functools.wraps是必选项，否则原函数的__name__、__doc__、__annotations__丢失，导致日志、监控、OpenAPI工具无法识别真实函数；埋点需用try-except兜底，禁用同步HTTP请求；带参装饰器须冻结参数避免闭包污染；Annotated仅作类型提示，无法替代运行时埋点逻辑。
-
结论：用@media(min-width:768px)控制桌面端显示、移动端默认隐藏+checkbox触发展开最稳；必须加viewportmeta标签，断点单位不能漏px，避免用a或submit按钮触发跳转，max-height过渡需设足够值，且移动端样式应写在媒体查询外作为默认。
-
HTML5跨平台协作问题源于BOM、换行符、路径分隔符、Git配置等元信息；VS需关闭UTF-8withBOM、设LF换行符，并配合.editorconfig与.gitattributes统一规范。
-
WebAssembly支持C++多线程数据清洗，但需显式启用：编译加-pthread和-sTHREADS=1，JS加载时传shared:true内存，通信依赖SharedArrayBuffer+Atomics，并满足跨域隔离要求。
-
Chromev93+和新版Edge默认强制内置验证，novalidate仅跳过JS校验而非彻底禁用；可靠方案需移除验证属性、submit时setCustomValidity('')清空状态，或用inputmode替代type。
