-
provide/inject在组合式API中直接于setup()内使用，支持响应式数据、Symbol命名、默认值及类型推导，适用于上下文状态传递而非业务字段，需避免响应式丢失、注入时机错乱和命名冲突。
-
HTML文档显示乱码或样式异常时，需确保文件扩展名为.html或.htm、保存类型为“所有文件”、统一使用UTF-8无BOM编码、在<head>中声明<metacharset="UTF-8">、服务器响应头含charset=utf-8，并避免不可见控制字符。
-
最可靠方法是用urllib.parse.parse_qs或parse_qsl：前者返回值为列表的字典，适合多值参数；后者返回有序元组列表，支持空值和重复键，且自动处理URL解码。
-
AbortController实现请求聚合的核心是智能取消：新请求发起时自动abort同key的旧请求。需定义唯一请求键（含URL与影响响应的参数）、用Map维护控制器映射、封装fetchAggregated函数统一管理生命周期，并处理防抖、多实例隔离等边界场景。
-
用onwheel实现图片缩放需绑定img元素、调用preventDefault()阻止默认滚动，结合deltaY判断方向、transform-origin实现鼠标中心缩放，并限制scale范围在0.2–5之间。
-
Safari15.6中grid-template-areas含连字符（如"header-nav"）会静默失效，导致display:grid回退为block，应改用下划线或纯字母命名，并避免subgrid；Edge18不支持gap，需用margin模拟；Firefox120前不支持:has()；IE11和iOS9.3不支持CSS变量动态更新，需静态替换或JS控制；clip-path等细微差异需真机多版本测试。
-
SpringBoot默认静态资源路径为src/main/resources/static，其中HTML/CSS/JS直接HTTP映射访问；templates目录用于Thymeleaf等模板文件，需@Controller返回视图名才能渲染。
-
HTML5<dialog>标签默认隐藏且需JavaScript控制：show()非模态，showModal()模态并支持::backdrop（Chrome/Edge111+、Safari17.4+），Firefox不渲染遮罩；必须监听close事件统一处理关闭逻辑，表单提交会自动关闭，建议用JS控制流程以保障兼容性。
-
本文介绍如何在单个容器中为多张图片分别配置不同背景图，并通过绝对定位与透明度控制，实现“原图在后、半透明水印图在前”的滑块式视觉效果。
-
:last-child伪类用于选中父元素的最后一个子元素，常用于去除列表最后一项的边框、调整样式，如.list-item:last-child{border-bottom:none;}，也可改变颜色、背景或结合flex布局取消右边距，提升布局美观与维护性。
-
JavaScript实现基础年龄验证需用newDate()精确计算周岁，避免仅比年份；校验input.value非空且格式合法；提交前preventDefault并显示自定义弹窗；服务端必须复现相同逻辑校验。
-
namespaced是Vuex多模块隔离的核心机制，必须显式设为true才能启用；调用时需加模块前缀，跨模块通信应通过getter或带{root:true}的commit/action解耦，动态注册模块也须始终启用namespaced。
-
先用Flexbox构建页脚结构，再通过媒体查询适配移动端。使用flex布局实现三栏分布，结合justify-content与align-items控制对齐，设置flex-wrap允许换行；在屏幕小于768px时，通过mediaquery改为column布局，使内容垂直堆叠，优化小屏可读性；同时调整字体、间距，提升可访问性与视觉体验。
-
水波纹动画未触发的主因是元素不可聚焦或:active状态失效；需确保button等可聚焦，div加tabindex="0"，避免pointer-events:none和display:none，父容器设position:relative+z-index解决溢出，用transform+opacity实现GPU加速动画，并添加touch-action:manipulation优化移动端响应。
-
使用CSSmedia属性可实现响应式设计，根据设备屏幕尺寸、分辨率等加载对应样式；2.通过@media规则为不同媒体类型（如screen、print）设置条件样式，例如为屏幕设背景色、打印时隐藏导航栏；3.结合max-width、min-width等媒体特性适配多端布局，小屏用单列，大屏用网格；4.可在HTML中用link标签引入特定媒体类型的外部样式表，如打印样式或高分屏优化样式；5.合理运用media需注意断点选择与样式覆盖，建议配合开发者工具调试。
