-
答案：通过重置默认样式、使用margin或gap控制间距，并结合响应式调整，可有效优化列表项视觉效果。
-
Terser是现代JavaScript压缩的默认选择，UglifyJS因不支持可选链、空值合并等新语法且压缩率低而被淘汰；Webpackv5+已内置Terser，无需安装uglifyjs-webpack-plugin，应通过terserOptions自定义配置。
-
用@keyframes定义三段式缩放+透明度动画最直接：0%缩至0.95/0.8→30%达1.15/1→80%回1.02→100%归1/0.98，配0.9s非对称缓动与infiniteboth，兼顾真实感与兼容性。
-
用font-display:swap可避免字体加载闪动，它让浏览器先用备用字体渲染再替换；需配合document.fonts.load()和document.fonts.ready精准监听加载状态，并选用度量值相近的fallback字体，本地开发须启用HTTP服务而非file://协议。
-
float导致父容器高度塌陷的解决方法是触发BFC：用overflow:hidden/auto（兼容好但可能截断溢出）、display:flow-root（现代无副作用方案）或伪元素清除法（::after{content:"";display:table;clear:both}）。
-
本文详解Select2在动态表单中因ID冲突与重复初始化导致的功能丢失问题，提供基于<template>的健壮实现方案，并附可直接运行的优化代码与关键注意事项。
-
HTML页面间传参有五种方法：一、URL查询字符串，通过location.search解析；二、localStorage跨页存储；三、sessionStorage会话级存储；四、表单POST提交至服务端；五、URL哈希传递，用于SPA状态管理。
-
JavaScript性能优化的核心是减少主线程阻塞、降低资源加载开销、提升执行效率；需代码分割与按需加载、合理使用defer/async、拆分长任务、启用虚拟滚动、节流防抖及善用原生API。
-
