H_四叶草

一、图片篇 场景：在前端开发过程中，经常会遇到加载静态资源（图片）时，出现加载失败。 原因：大部分是因为路径问题 css 使用静态资源 上述代码是能够正确加载图片的。 html 使用静态资源 上述代码

注册 hiPrint 在 main.ts 中进行注册 定义配置字段 定义模板数据 定义渲染模板 效果图 下载和打印拣货单 原理： 第一步需要将 vue 组件转化成 HTML。这一步是关键 第二步生成

🍀简简单单基于 vue3+typeScript+vitest 实现个抽屉组件🚀🚀🚀🚀🚀🚀

Button 封装 Button 类型定义 Button 入口文件 使用 Vitest 对 Button 进行单元测试 基本功能测试 TIP mount：原来模拟页面渲染组件 get 和 find 都

Pagination 组件 效果图 使用 一、组件目录结构 二、Pagination.vue types.ts index.ts style.css

🍀基于 vue3 + Pina +Typescript + webSocket + Nest + Mysql + Redis + prisma + socket.io 实现了个摸鱼聊天室。🚀🚀

业务弹窗 关键点 弹窗组件需要抛出 open 方法。上层 Hooks 会通过 open 将数据传入到弹窗组件中。 弹窗组件内部可以根据实际业务要求，定义 confirm 或 cancel，将数据传到上

效果图 原理 根据传入字符串，生成 svg 头像。 小案例 应用 这个功能主要是应用在了我的聊天室里面，根据不同的昵称，随机生成个人头像。 聊天室地址

前言 在日常前端开发中，常量枚举常用于定义一组固定的键值对，如状态码、配置项或类型标识。例如，定义一个API_STATUS枚举来管理请求状态：LOADING, SUCCESS, ERROR。这能避免魔