-
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降级兜底。
-
不能。WindiCSS构建时扫描源码提取静态class字符串生成CSS，需接入Vite等构建环境并配置include路径；动态class需注释或extract显式声明，且不支持@apply和运行时HTML分析。
-
ESLint--fix不能自动修复逻辑错误，因为它仅支持格式类问题（如缩进、分号）和部分可推断的静态规则（如no-unused-vars），而逻辑错误（如if(x=0)、for循环条件错误）需语义分析，无法安全自动修正。
-
最常用方式是通过<link>引入CDN版Icon集，需确保URL正确且加载顺序在使用图标前；本地引入需注意路径与MIME类型；Iconify则通过API动态加载SVG图标。
-
GitHubPages、Vercel、Netlify托管静态HTML项目时，核心要点是：用相对路径引用资源，确保index.html命名准确且大小写敏感，避免绝对路径；GitHubPages要求仓库公开、默认支持根目录或/docs；Vercel需检查BuildOutputDirectory并慎用SPAfallback；Netlify需配置_redirects文件支持多页访问；所有平台均需通过浏览器Network面板验证资源请求路径是否正确。
-
某些选择器在特定浏览器中失效是因为这些浏览器版本过低或不完全支持较新的CSS标准，导致无法识别如:has()、:focus-within等现代选择器，进而忽略整个CSS规则块；解决方法是降级使用基础属性选择器，例如用[class*="..."]替代模糊类名匹配，用input[type]结合JS实现:checked的兼容效果，并通过重构HTML结构或使用@supports检测、PostCSS转译等手段提升样式兼容性，确保在IE7+等旧环境也能正常渲染。
