-
别用top/left配合position:relative做抖动，会触发重排导致卡顿；应改用transform:translate()+will-change:transform，配合5帧自然偏移（±2px~±4px）和properanimation控制。
-
CSStransition通过定义属性、时长、速度曲线和延迟，实现元素状态间的平滑过渡，常用于交互式微动画；结合transform可提升性能，适用于hover、点击等状态变化，而复杂多帧或自动循环动画则推荐使用CSSanimation。
-
子资源完整性（SRI）是浏览器对<link>或<script>加载的外部资源进行的哈希校验机制，需同时设置integrity和crossorigin="anonymous"属性才生效，校验基于原始未压缩、无BOM、UTF-8编码的资源字节内容。
-
vw单位实现字体等比缩放的结论是：1vw等于视口宽度的1%，font-size设为Xvw即可使字体随屏幕宽度线性变化；但需用clamp()限定范围（如clamp(1.25rem,4vw,2.5rem)）以防小屏过小、大屏过大。
-
当多个CSS动画并行运行且持续时间不一致时，若某动画（如背景色变化）提前结束而元素自身未定义默认背景色，会导致视觉上“消失”——实为透明背景暴露所致。
-
路由懒加载配合骨架屏的核心是“视觉先行、内容后到”——通过按需加载组件减少首屏体积，并用结构一致的灰阶占位图降低用户感知等待时间，需精准控制骨架屏显隐时机与布局稳定性。
-
首先确保Web服务器已安装并启动，然后将HTML文件夹上传至服务器默认根目录，接着设置正确的文件权限与所有权，再配置防火墙开放80端口，最后通过浏览器访问服务器IP地址验证页面是否正常显示。
-
Flex容器默认不换行，关键在于flex-wrap属性（默认nowrap）；开启wrap后子项仍不换行需检查flex-shrink和宽度设置；多行对齐用align-content而非align-items。
-
本文详解如何用纯CSS（calc()、Flex/Grid与背景技巧）构建1/3–2/3双栏布局，确保文字内容始终约束在1260px容器内对齐，同时背景色/图无缝铺满视口全宽，且在任意屏幕尺寸下与等宽（50/50）区块保持视觉一致性。
-
favicon.ico必须放在网站根目录（如http://localhost:8000/favicon.ico）才能被浏览器自动识别；若放子目录或使用file://协议访问，则需在<head>中显式添加<linkrel="icon"href="/favicon.ico">并确保路径为绝对路径。
-
animation-direction用于控制CSS动画播放方向，其可选值包括normal（正向）、reverse（反向）、alternate（奇次正向偶次反向）和alternate-reverse（首次反向后交替），常配合@keyframes与animation属性使用，适用于呼吸效果、往返移动等场景，结合animation-iteration-count:infinite可实现平滑循环动画。
-
<abbr>标签必须配合title属性才能实现语义化缩写功能，否则仅为普通内联元素；title需为简洁纯文本，提供准确全称，且不可含HTML或冗余描述。
-
::selection中text-shadow无效是因浏览器支持保守，仅color、background-color等少数属性稳定生效，Safari等完全忽略text-shadow；需用background-color验证伪元素是否触发，或以box-shadow+background-clip:text模拟。
-
框架调用你的代码，库由你调用；控制反转体现为执行权归属——axios.get()由你控制时机，useEffect等钩子则由框架在指定时机触发。
-
JSP页面可通过直接嵌入HTML、include指令静态包含、jsp:include动态包含、Java代码输出及设置contenttype等方式集成HTML内容，实现动静态结合的网页展示。
