-
font-size和color可直接用transition平滑过渡，前提是属性可动画且状态切换一致；需避免display:none、统一单位与颜色格式，推荐cubic-bezier(0.34,1.56,0.64,1)时序，并慎用will-change。
-
首先检查路径是否正确，包括相对路径、绝对路径和大小写；其次确认link标签的rel属性为stylesheet且语法完整；再排查CSS选择器、属性值及括号分号等语法错误；最后考虑浏览器缓存、样式表加载顺序及JS动态修改样式的干扰。
-
position:fixed是全屏居中弹出层的起点，因其脱离文档流、相对视口定位且不受滚动影响；需配合top:50%、left:50%和transform:translate(-50%,-50%)才真正居中。
-
Patch钩子通过在VNode比对后、DOM更新前插入自定义逻辑，实现精确帧控动画；常用insert（入场）、remove（离场）、postpatch（状态切换）钩子，可绕过CSS限制完成拖拽排序、打字效果、Canvas插值等复杂动效。
-
基础下拉框用<selectname="xxx">包裹<optionvalue="val">文本</option>，必须设name和value；默认选中加selected；禁用用disabled但提交不传值；多选需multiple且后端接收为数组；<optgroup>仅分组不可选。
-
浮动元素重叠主因是子元素宽度超父容器或父容器未清除浮动致高度坍缩；需检查盒模型尺寸、清除浮动方法及现代布局替代方案。
-
本文介绍一种符合ReactHooks规则的方案：通过将状态读取逻辑从useSelector移出、改用store.getState()在纯函数中完成状态选择，从而安全地为所有实体批量扩展方法（如update和remove），避免在循环中调用Hook的违规行为。
-
BroadcastChannel是最轻量、原生且兼容性良好的跨标签页状态同步方案，它通过主动广播机制实现同源窗口间实时通信，支持复杂数据类型，避免localStorage事件的延迟、自触发缺失及Safari私密模式失效等问题。
-
最省事方案是aspect-ratio:1/1，但仅支持Chrome88+、Firefox89+、Safari15.4+；旧版Safari和IE需降级用padding-top:100%+absolute定位，并注意min-width:0、父宽约束及vh/vmax的视口依赖缺陷。
-
在Vue3中，若需让所有动态组件（如多标签页中的图表）同时挂载并保持状态，而非仅渲染当前激活项，应避免使用<KeepAlive>+单component切换，改用v-for遍历+v-show控制显隐。
-
该用transition而非@keyframes动画时：只需“有来有回”的状态切换，如hover变色、class切换展开菜单；它依赖触发条件，仅定义起止态，自动反向过渡且性能更优。
-
ES6是JavaScript现代化起点，2015年发布，奠定简洁安全可维护基础；核心特性包括let/const块级作用域、箭头函数（继承外层this）、模板字符串（支持插值与多行）、解构赋值（对象数组按名/序取值）。
-
<marquee>已废弃且自带独立层叠上下文，z-index无效；应改用transform+@keyframes实现滚动，文字和视频均需position:relative并避免父容器触发隐式层叠上下文。
-
用steps()实现逐字动画的关键原理是：CSS动画配合steps(n)将width从0ch到nch的变化“卡帧”为每步显示一个字符，需等宽字体、nowrap、overflow:hidden及精确字符数。
-
用IndexedDB实现离线笔记搜索的核心是建notes仓库、预处理searchText字段并建索引，再通过游标遍历+includes匹配实现模糊搜索，辅以分词、缓存和防抖优化体验。
