-
v-pre不提升编译速度，仅跳过指定元素及子节点的编译，原样输出HTML；适用于纯静态内容如示例代码、第三方HTML等，不可用于含响应式语法的区域。
-
padEnd比空格拼接更可靠，因其严格按JavaScript字符数（UTF-16codeunit）补全，避免手动计算时因中文、emoji等字符视觉宽度不一导致的错位；它不依赖字节或渲染宽度，确保逻辑长度一致。
-
transition-duration属性用于设置CSS过渡动画的持续时间，值越长过渡越慢，单位支持秒（s）和毫秒（ms）；可为不同CSS属性指定不同的过渡时长，如background-color用0.3s、transform用0.6s；结合transition-timing-function（如ease、linear、ease-in-out）可调整过渡的速度感，使动画更自然；常见场景中，悬停效果建议0.2s-0.4s，菜单展开0.3s-0.6s，页面切换0.5s-1s，避免过短或过长影响体验。
-
必须调用super()，因为ES6要求子类构造函数访问this前须先执行父类构造函数以初始化实例内部结构和原型链，否则会抛出ReferenceError。
-
返回顶部后快速定位锚点失效，主因是DOM未就绪或滚动目标被覆盖；需确保元素挂载完成再执行scrollIntoView，并用scroll-margin-top补偿固定头部遮挡。
-
Promise是代表异步操作状态流转的状态机，仅有pending→fulfilled/rejected三种不可逆状态；async/await是其语法糖，通过自动返回Promise并注册微任务实现“暂停”假象，二者应按职责分工使用。
-
HTML是SEO的基础执行载体，需规范使用title、description、heading、alt及结构化数据等标签以提升搜索可见性与点击率。
-
::after伪元素通过CSS在卡片内容后插入虚拟层，常用于添加装饰边框、悬停遮罩、清除浮动和角标标识。1.可创建渐变描边或阴影提升视觉效果；2.图片卡片悬停时显示半透明遮罩增强交互提示；3.解决内部浮动导致的布局塌陷问题；4.在角落动态添加“推荐”等状态标签。需配合position:relative与z-index控制定位和层级，结合transition实现动画，保持HTML结构简洁且样式灵活。
-
order属性仅改变视觉顺序，不影响DOM、Tab键序、屏幕阅读器读取及SEO；其排序按负数>0>正数组分组，组内依HTML顺序；仅对网格直接子元素生效，需避免嵌套布局干扰和响应式重排抖动。
-
在Vue.js中用ref绑定v-for元素时，必须用数组或对象收集引用，字符串ref会导致只保留最后一个；推荐函数式ref配合响应式数组或唯一key对象，支持DOM和组件实例引用。
-
Map.prototype.entries()返回的是按插入顺序产出[key,value]数组的MapIterator对象，该迭代器不可重用、不响应后续Map变更，仅反映调用时的快照状态。
-
writing-mode:vertical-rl是中文竖排唯一合理选择，因其符合“从上到下、从右到左”的传统阅读流，确保语义正确、布局稳定与可访问性达标。
-
无感刷新Token本质是前端JavaScript配合后端接口协作完成的，HTML仅承载逻辑；因其静态性无法发起请求、处理响应或控制鉴权头，故不能单独实现无感刷新。
-
作用域插槽是实现Tab页签标题动态图标的最直接方式，核心是将图标逻辑解耦至父级，由数据控制图标、高亮、禁用等状态；仅el-tabs支持#tab作用域插槽，需通过其插槽及作用域参数（如name、activeName）动态渲染图标并响应状态。
-
BroadcastChannel同步登录态的核心是“状态变更即广播，广播即更新本地状态”，它作为跨标签页通信桥梁，配合Pinia等状态库实现响应式同步；需统一channel名、结构化消息、防重复发送、安全更新store、缓存未就绪消息，并用localStorage降级兜底。
