-
orientation媒体查询常不生效，因仅在有方向传感器且浏览器支持时可靠；桌面端多忽略，移动端需未锁定竖屏并实际旋转设备；推荐用min-width替代，或用matchMedia动态监听。
-
在CSS中，value是给属性设定的具体数值或内容。1.value可以是颜色（如red、#FF0000）、尺寸（如16px、1em）等。2.value类型多样，包括长度、百分比、URL、关键字等。3.使用value时需注意兼容性、语法正确性、性能和可维护性。4.CSS预处理器可提高value管理效率，保持单位一致性，避免calc()函数语法错误。
-
Fetch不强制HTTPS，但HTTPS页面中禁止HTTP请求；默认不带Cookie，需设credentials:'include'；无内置超时，须用AbortController；响应需手动调用awaitres.json()解析。
-
真正可控的仪表盘卡片重排是用grid-template-areas显式声明语义化区域布局，通过媒体查询和预置class切换适配多尺寸、多状态，避免JS直接操作样式引发重排与可访问性问题。
-
@import在大型项目中拖慢编译且难以维护，因其全局合并、无作用域隔离、不支持按需加载；而@use提供命名空间、显式依赖和模块化组织，需DartSass≥1.23.0。
-
time标签用于语义化表示日期时间，提升可读性与机器解析能力，支持日期、时间、时区及持续时间等多种格式，常用于发布时间、活动信息等场景，增强SEO与无障碍访问。
-
JavaScript分页功能的常见方法有前端分页和后端分页：1.前端分页适合数据量较少的情况，直接在客户端处理数据；2.后端分页适用于数据量大时，通过API获取分页数据。实现分页需考虑数据管理、用户交互和性能优化。
-
直接设float:none可取消浮动，但需同步清理父容器塌陷（如触发BFC）和兄弟元素错位；float:unset/initial兼容性差，clear仅影响后续元素位置，不修复塌陷。
-
SVG图标不显示的主因是引用方式错误，需确保SVGSprite文件可访问且结构规范，内联或构建工具注入才能使<usehref="#icon-home">生效，外部URL引用在现代浏览器中大多失效。
-
用ref封装可复用计时器逻辑，返回响应式timeLeft、isRunning及start、pause、reset等控制函数，并通过onUnmounted清理定时器；支持毫秒精度、自定义回调及progress计算属性，适用于验证码、倒计时等多场景。
-
点击video元素移位主因是焦点触发滚动锚定或:focus样式重排；修复优先设tabindex="-1"、禁用outline、preventDefault()及避免transform缩放。
-
display:none使元素完全移除文档流，不占空间且无法交互；2.visibility:hidden仅隐藏元素但保留布局空间；3.前者用于彻底隐藏，后者适用于需保持占位的场景。
-
应通过合理设置CSS的line-height与margin来优化HTML文字行距和段落间距，具体方法包括内联样式、内部style标签、CSS类名、浏览器重置及CSS变量五种方式。
-
FP、FCP、LCP分别表示页面首次像素绘制、首个内容元素绘制、最大内容元素绘制的时间点；FP仅需样式计算与光栅化，FCP需文本/图片等有意义内容，LCP关注视口内最大内容区块，三者应满足FP≤FCP≤LCP。
-
JavaScript深拷贝的核心是创建完全独立的新对象以避免引用问题；常用方法包括JSON.parse(JSON.stringify())（简洁但有类型限制）、structuredClone()（现代原生推荐）、递归手写（完全可控）和Lodash的_.cloneDeep()（生产环境稳妥）。
