摘要：
Vue 3 路由组件缓存 Vue3 KeepAlive官方文档 1. keep-alive 基本介绍 keep-alive 是 Vue 的内置组件，用于缓存动态组件或路由组件，避免组件被频繁销毁和重建，从而提高性能。 当组件被 keep-alive 包裹后，在路由切换时不会销毁组件，而是将其缓存起来 阅读全文
摘要：
Spring Boot 中的参数校验 在 Spring Boot 开发中，通常需要确保前端传递的请求参数符合预期格式，尤其是对于 VO（Value Object）类中的必填字段。如果某个字段未传递或为空值，可能会导致业务逻辑错误。以下是实现必接收参数校验的常用方法。 1. 使用 @Valid 进行自 阅读全文
摘要：
JavaScript 实现只复制已存在属性的笔记 在 JavaScript 中，如果需将一个对象的属性复制到另一个对象中，但只复制目标对象中已经存在的属性，可以使用以下几种方法： 1. 手动遍历属性 通过遍历 source 对象的属性，并判断 target 对象中是否存在对应属性，决定是否进行复制。 阅读全文
摘要：
SQL JOIN 类型 1. INNER JOIN 定义：返回两个表中满足连接条件的交集部分，即仅返回两表中的匹配记录。 适用场景： 只关心两个表中都有的匹配记录。 数据关系明确，需要过滤掉没有对应关系的记录。 示例：SELECT employees.name, departments.depart 阅读全文
摘要：
查询策略选择笔记：使用 JOIN 还是多条 SQL 语句 1. 使用 JOIN 语句 适用场景： 数据关系明确：当需要一次性获取多表相关数据，并且这些表之间有明确的关系（如外键关系）。 高效处理：JOIN 可以在一次查询中获取所有相关数据，减少网络往返和数据库连接开销。 数据规模适中：如果表的数据规 阅读全文
摘要：
索引选择策略笔记 1. 单列索引 适用场景： 单列查询：查询条件仅涉及单个列。 高选择性列：列中的值较为唯一（选择性高），能有效过滤数据。 简化管理：查询简单，使用单列索引即可满足需求。 示例： CREATE INDEX users_email_idx ON users (email); 适用于查询 阅读全文
摘要：
在 CSS 中，可以使用 text-overflow、white-space 和 overflow 来配置文本省略（即当文本内容超过容器宽度时，显示为省略号 ...）。以下是实现单行和多行文本省略的配置方法。 1. 单行文本省略 要实现单行文本省略，可以使用以下 CSS： .ellipsis { w 阅读全文
摘要：
在 Vue 3 中，如果使用动态 ref，可以通过 this.$refs 或 template refs 来获取。因为 ref 是动态的，需要使用对应的键名来访问。 一、示例代码 假设有一个列表，每个列表项都有一个 <el-upload> 组件，并且为每个组件动态设置了 ref： <template 阅读全文
摘要：
当指定了参数limit=1, 再次上传就会无效 以下是官方文档给出的解决方法示例 通过on-exceed来定义超出限制时的行为 <template> <el-upload ref="uploadRef" :limit="1" :on-exceed="handleExceed" :auto-uploa 阅读全文
摘要：
要在 Vue Router 中实现返回时记住滚动条位置的功能，可以利用 Vue Router 提供的 scrollBehavior 函数。这允许在导航时控制页面的滚动行为，包括返回之前访问的页面时恢复到之前的滚动位置。 实现方法 以下是一个示例，展示如何在 Vue 3 中使用 scrollBehav 阅读全文
