-
本文介绍一种符合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匹配实现模糊搜索，辅以分词、缓存和防抖优化体验。
-
CSS是实现水印最轻量稳妥的选择，推荐用body::before伪元素叠加透明文字层，设fixed定位、100%宽高、pointer-events:none，并为打印添加专用mediaquery样式。
-
HTML5规范中默认为行内元素的是phrasingcontent类元素，如a、span、strong、em、img、input、label、button、code、br、abbr、b、cite、dfn、i、kbd、mark、q、samp、small、sub、sup、time、u、var等，其中img和input虽表现似inline-block，但语义属行内。
-
fixed导航栏遮挡锚点内容是因浏览器将目标元素顶部对齐视口顶部，而scroll-padding-top（设于html）可精准偏移滚动终点，仅影响滚动逻辑不破坏布局，Chrome89+/Firefox90+/Safari15.4+原生支持。
-
能，但仅限width、background-color、border（部分浏览器）、visibility:collapse等少数CSS属性；color、font-size、text-align等无效，且background易被td覆盖，需配合border-collapse:collapse才可靠生效。
-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
<animate>在现代浏览器中已废弃，Chrome102+、Firefox86+、Safari16.4+移除SMIL动画支持，因其与CSS动画和WebAnimationsAPI重叠且存在安全性能隐患；应改用CSS@keyframes或WebAnimationsAPI替代。
