-
CSS动画性能关键在属性选择与控制:width/height/top/left等触发重排,box-shadow/filter等易致重绘;应优先使用transform和opacity等合成属性;需限制并发数量、视口外暂停、交互动画≤300ms,并合理设置时长与缓动。
-
KeepAlive最大缓存实例数必须通过max属性显式设置正整数,否则内存持续累积;超出时按LRU自动淘汰最久未用实例,并需配合include/exclude精准控制缓存范围及组件内手动清理副作用。
-
single-spa-html是single-spa生态中用于挂载纯静态HTML片段的轻量级适配器,不支持JS执行、CSS隔离或完整生命周期管理,仅负责将HTML字符串插入指定容器,适合无交互的内容页;它不能直接当子应用用,必须包装成符合single-spa契约的bootstrap/mount/unmount导出形式才能被正确加载。
-
核心解法是用BEM规范类名提升事件委托精准度:①用唯一Block名(如.order-summary)杜绝跨块误匹配;②状态类统一用is-前缀且不叠加;③禁用层级选择器,改用closest('.modal-content')等直接定位;④配合TS封装类型安全判断函数。
-
<mark>标签在GitHubREADME、JupyterNotebook(Markdowncell)、Typora(默认模式)、Obsidian(HTML启用时)、CSDN、语雀(部分版本)中可直接生效,前提是环境解析HTML且未过滤该语义标签;在微信公众号、Hugo等禁用HTML的平台则失效,需改用平台原生强调语法或服务端词法高亮方案。
-
null==undefined返回true,这是ECMAScript规范规定的特殊规则,仅适用于二者互比;其他值与它们比较均返回false;而===因不转换类型,故null===undefined为false。
-
000在OLED上“不黑”是因人眼视觉补偿与微亮像素散射光共同导致主观发虚,实测#121212等深灰更稳耐看;其功耗仅比#000高约3%,却显著降低视觉疲劳并保障阴影渐变与文字可读性。
-
<p>text-wrap不是标准CSS属性,也不是Tailwind官方支持的类名;它可能是对实验性text-wrap:balance(已移除)或white-space/overflow-wrap/word-break的误称;Tailwind中实现文本换行与适配需组合使用truncate、break-words、break-all、whitespace-*等现有工具类,并配合clamp()、line-clamp和min-w-0等协同控制。</p>
-
Canvas实现星系效果的核心是模拟中心引力、轨道运动与视觉层次;需用requestAnimationFrame保证帧率稳定,每次清屏防拖影,分层维护角度与速度,缓存画布尺寸,用sin/cos转极坐标,统一弧度单位,半径可加随机扰动,自转用save/restore隔离,按背景→星云→恒星→行星→光晕顺序绘制,星云用径向渐变与lighter叠加,恒星亮度按距离平方衰减,行星差异化配色与描边,各层运动节奏错开以增强真实感。
-
display:none使元素脱离文档流且不占空间,布局重排;visibility:hidden保留空间,布局不变,仅视觉隐藏。
-
响应式定位通过mediaqueries结合absolute定位实现,根据不同屏幕尺寸调整top、left等属性,使元素在移动端、平板和桌面端灵活适配。绝对定位使元素脱离文档流,相对于最近的已定位祖先定位,适合控制按钮、标签、弹窗等关键元素的位置。实际应用中,如导航关闭按钮、模态框操作按钮、图片标签等需随屏幕变化调整位置,确保父容器设为relative以提供定位参照。使用时应仅覆盖需变更的属性,优先采用rem/em单位提升可维护性,可配合transform实现精准偏移,极小屏幕下可改为static重构布局。
-
CSSGrid是按需组合的工具集,硬背语法无益;grid-template-areas需引号包裹、行列数一致、区域名合规;justify-content对齐网格轨道整体,justify-items对齐网格项内容;dense模式损害可访问性;subgrid因支持有限和维护成本高而难落地。
-
答案:通过WebVibrationAPI可在HTML表单中实现震动反馈。在表单提交或验证失败时,JavaScript调用navigator.vibrate()触发震动,如震动200毫秒或自定义模式[100,30,100]。需监听用户事件(如submit),并在支持时执行,同时兼容iOS限制与桌面无效问题,结合视觉反馈并遵循渐进增强原则。
-
dispatchEvent()返回值直接反映默认行为是否被取消:true表示未取消,false表示至少一个监听器调用了preventDefault();事件不可取消时恒返回true,无效类型则抛异常。
-
CSS动画反向播放通过animation-direction控制:alternate实现循环往返(奇数次正向、偶数次反向),需配合infinite或多次循环;reverse实现单次全程倒放(100%→0%),常用于退出动画;二者互斥,不可共用。