【唐】三三

摘要： 在 CSS 中，transition 是用于实现元素样式平滑过渡的属性，能让元素从一种样式状态（如颜色、尺寸、位置等）逐渐变化到另一种状态，避免样式突变带来的生硬感。它是实现基础动画效果的核心工具，广泛用于 hover 交互、状态切换等场景。 一、transition 核心语法 transition 阅读全文

摘要： 0 一些遇到的问题 1 如果vite项目，JS项目（不是TS），“快捷修复” 没有导入 ref 功能 checkJs：对 JavaScript 文件也进行类型检查（结合 JSDoc 注释生效） jsconfig.json { "compilerOptions": { "checkJs": true, 阅读全文

摘要： vue 格式化工具 prettier 根目录下创建.prettierrc { // "semi": false 表示代码语句结尾不强制要求添加分号 "semi": false, // "singleQuote": true 表示字符串统一使用单引号（而非双引号） "singleQuote": tru 阅读全文

摘要： scss 转 css 在线转换 https://33tool.com/scss_to_css/ 变量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父选择器 & (Referencing Par 阅读全文

摘要： 贫血模型和充血模型 贫血模型： 特点：领域对象只包含数据属性（字段或属性），而对这些数据的操作（业务逻辑）则放置在领域对象之外，通常在服务层或其他层中实现。可以将其理解为 “数据 + 数据访问方法” 的简单组合，领域对象本身缺乏行为，就像贫血一样，没有足够的 “活力” 。 举例：以一个简单的用户管理 阅读全文

摘要： 领域 在 DDD 中，“领域（Domain）” 指的是软件要解决的 “业务范围” 及其包含的所有业务概念、规则和逻辑。 简单来说： 如果你开发的是 “电商系统”，那么 “电商” 就是核心领域，包含 “商品、订单、支付、物流” 等子业务范围； 如果你开发的是 “医院挂号系统”，那么 “医疗挂号” 就是 阅读全文

摘要： 一些设置 配置 @ 为src 地址 vite.config.ts import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue 阅读全文

摘要： 官网： https://element-plus.org/zh-CN 安装 npm install element-plus --save Element Plus 是项目运行时必须的 UI 组件库，最终会被打包到生产环境代码中，因此需要用 --save 安装（这也是 npm 5+ 版本的默认行为， 阅读全文

摘要： Vue3 提供了一系列内置指令，用于简化 DOM 操作和实现常见功能。这些指令以 v- 前缀开头，通常用于模板中，以下是详细分类及解析： 一、核心渲染指令 用于控制元素的渲染逻辑和数据绑定。 v-text 功能：更新元素的文本内容（相当于 textContent）。 示例： <span v-text 阅读全文

摘要： 响应式: 进阶 customRef() 创建一个自定义的 ref，显式声明对其依赖追踪和更新触发的控制方式。 类型 function customRef<T>(factory: CustomRefFactory<T>): Ref<T> type CustomRefFactory<T> = ( tra 阅读全文