-
Less中url("@{var}/img.png")不生效，因变量需用~"@{var}/img.png"强制插值；路径值须匹配构建工具规则（如Vite用/img，Webpack用../assets/img），且应统一定义于paths.less中导入。
-
答案是使用CSS3的transform、perspective和backface-visibility属性配合HTML结构实现3D卡片翻转。首先创建包含前后两面的card-container容器，通过设置perspective营造3D透视，利用transform-style:preserve-3d保持3D空间，使子元素旋转时不坍缩；.card应用transition实现过渡动画，hover时rotateY(180deg)触发翻转，.front与.back分别设置正背面样式，并用backface-visib
-
伪元素下划线hover闪动的根本原因是::after初始未隐藏，导致渲染时先显示默认宽度再缩放；须设width:0+opacity:0，配合完整transition和position:relative定位。
-
应为CDN、API接口、字体服务、统计域名添加dns-prefetch；避免同源域名、跳转链接；href须以//开头且仅含主机名；需置于head最前；勿与preconnect混用同一域名。
-
light-dark()是CSS原生函数，非HTML功能，仅在支持浏览器（Chrome121+、Safari17.4+、Firefox125+）的CSS规则中生效，用于根据系统偏好自动切换颜色，不可用于内联样式或JS直接调用。
-
正确使用word-break属性可避免单词被截断：优先选用normal或keep-all值，确保英文单词在空格处换行；搭配white-space:normal和固定宽度容器，提升文本可读性。
-
crypto.subtle.encrypt调用AES-GCM必须传入含name:"AES-GCM"、iv（Uint8Array，推荐12字节且不可复用）和tagLength（默认128，显式指定更安全）三字段的对象；additionalData可选但参与认证；密钥须为importKey导入的合法CryptoKey，不可为字符串。
-
图片放大溢出的根本原因是transform:scale()仅改变视觉渲染而不影响文档流，必须同时设置overflow:hidden、display:block和transform-origin三者缺一不可。
-
答案：为确保网页音频兼容性，应提供MP3、OggVorbis和AAC等多种格式，利用<source>标签让浏览器自动选择，同时考虑文件大小、音质、专利许可及编码效率，以提升加载速度与用户体验。
-
CSS的overflow属性用于控制容器内容溢出时的显示方式，包括hidden（裁剪）、auto（按需滚动）和scroll（强制滚动条），需配合尺寸设置与盒模型使用。
-
grid-template-areas需每行引号内区域名数量相同且空格分隔，否则声明失效；控制宽度靠grid-template-columns配合minmax()；display:contents会使grid-area失效；响应式重排须同步更新areas、columns和rows。
-
用String.prototype.repeat可高效生成动态加载进度条，通过重复字符（如█/░）模拟填充效果，结合定时器实现平滑动画，并支持多风格占位符切换；需注意兼容性及参数安全校验。
-
join()方法用于将数组元素连接成字符串，不修改原数组。默认以逗号分隔，可自定义分隔符，空数组返回空字符串，null或undefined转为空字符串。
-
优先用::after实现全屏水印是为避免与Vue/React条件渲染生成的首节点冲突，::before易被误判为内容前置导致定位偏移；::after更稳定挂载末尾，配合position:fixed层级控制更可靠。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
