H_四叶草

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

我们是公司是搞内网安全的，会收集日常电脑操作行为数据。基于前期设置的预警策略，对收集到的数据进行汇总处理分析形成报表。 因此经常要对数据进行分析，会涉及到对多数据字段进行过滤处理。

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

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

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

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

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

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

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