-
v-once是Vue中让元素或组件仅渲染一次、跳过后续响应式更新的性能优化指令；适用于初始化后永不变化的静态内容，如版权信息、固定文案、不可变字段等，但不可用于需响应式更新的区域。
-
<pr>不是合法HTML标签，浏览器会忽略或错误解析它，导致段落粘连；正确做法是使用语义化的<p>标签包裹每段文字，并确保标签拼写准确、嵌套合规。HTML中误用``标签导致段落无法正常分离的修复指南：``不是合法HTML标签，浏览器会忽略或错误解析它，导致段落粘连；正确做法是使用语义化的``标签包裹每段文字，并确保标签拼写准确、嵌套合规。在您提供的代码中，问题根源非常明确：<pr>是一个不存在的
-
分代回收是基于对象存活率统计规律的工程实践：98%新生代对象活不过一次MinorGC，因大量临时对象（如方法内list、DTO）创建后立即失去引用，JVM据此划分新生代与老年代以优化GC效率。
-
TailwindCSS官方不支持row-span工具类，需用display:contents、原生rowspan属性或CSSGrid实现跨行效果，第三方插件存在兼容性与响应式限制。
-
Tailwind内置shadow类无法控制阴影方向，因其固定y偏移为正、x偏移为0；需用shadow-[...]自定义box-shadow值，如shadow-[-10px_0_10px_-2px_rgba(0,0,0,0.1)]实现向左投影。
-
子元素填满父容器需父容器设明确高度（如height:100vh）并启用display:flex，子元素设flex:1；height:100%在flex中常失效，应优先用flex分配而非百分比高度。
-
EarlyHints（103）是服务器在主响应前发送的提示性状态码，仅通过Link头告知浏览器后续将使用的资源，由浏览器自主决定是否预加载；它不传输内容、不保证执行，且仅对HTML中实际引用的资源生效。
-
箭头函数没有自己的this，其this值在定义时就确定，沿词法作用域向上查找最近的非箭头函数执行时的this，不随调用方式改变，也不支持call/apply/bind或new调用。
-
aria-controls仅声明元素间的关联关系，不触发任何行为；需配合JavaScript控制显隐、同步aria-expanded和hidden/aria-hidden状态，并确保ID存在且目标有role="region"等可访问性属性。
-
房产网站首页需用语义化HTML结构：header包品牌与导航，section包banner并配h2，main包房源列表且每项用article，footer嵌address放联系信息，确保可访问性、SEO与性能。
-
应避免使用<font>、<center>、<u>、<s>、<strike>、<big>、<basefont>等废弃标签，因它们语义缺失、维护困难、与现代工程实践相悖；HTML5已将其定义为obsolete，仅因向后兼容被浏览器支持。
-
在Vue单文件组件中使用scoped样式时，需穿透作用域限制才能覆盖BootstrapVue（如<b-tabs>渲染出的.nav-link）内部子组件样式；::v-deep(.selector)是Vue2/3兼容的深度选择器标准写法，比无括号或旧语法更可靠。
-
语义清晰的配送方式对比表需用<table>结构，<thead>含正确scope的<th>，运费与时效分列并明确单位与条件，窄屏改卡片布局，动态功能优先用CSS，复杂计算逻辑须解耦。
-
HTML本身不支持动画，手风琴平滑过渡必须用CSS的max-height+transition或JavaScript；因height:auto不可过渡，故max-height是最佳纯CSS方案，关键在设定合理临界值（如240px）并配合opacity和overflow:hidden实现流畅收展。
-
BEM通过将组件层级、元素角色和状态硬编码进类名（如header__logo--dark），使样式作用域一目了然，显著减少排查“类在哪生效”的时间；但需配合stylelint-selector-bem-pattern严格校验，禁用自动修复，并避免与CSSModules混用以保可读性。
