# snippets

**Repository Path**: QC2168/snippets

## Basic Information

- **Project Name**: snippets
- **Description**: 日常开发中常用的代码片段及组件封装集合（持续更新中~）
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-03-15
- **Last Updated**: 2023-09-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 代码片段

在日常开发中，往往少不了对一些第三方库进行二次封装，达到更佳的使用效果。

为了节省开发时找封装代码片段和开销效率（摸🐟时间++）

我创建了该仓库库 方便大家直接拿去到项目中使用。

[GITHUB仓库](https://github.com/QC2168/snippets)

---

## 列表

| 仓库目录          | 目录内容说明                                       |
|---------------|----------------------------------------------|
| [axios-bz](https://github.com/QC2168/axios-bz)  | 基于axios+typescript二次封装的库，可直接在项目中使用           |
| betterScroll  | 在betterScroll库的基础上搭配Vue封装的滚动组件               |
| CSS/scrollbar | 美化项目中的滚动条，我的博客中的滚动条是使用了这里面的样式                |
| message       | 基于element-plus组件库二次封装消息提示组件 (也有ant-design的~) |
| [useCharts](https://github.com/QC2168/useCharts) | 基于echarts二次封装的hooks，使用起来更加简单高效               |
| [useDialog](https://github.com/QC2168/useDialog) | 基于element-plus二次封装的hooks，使用起来更加简单高效          |
| useList       | 基于Vue封装的快速渲染出列表数据hooks                       |
| usePassTime   | 计算当前和过去某个时间的差值                               |
| useSendCode   | 基于Vue CompositionApi封装的发送二维码hooks            |
| wangeditor    | 基于wangeditor富文本编辑器封装的Vue组件                   |
| inputNumberRange    | 基于ElementUI+vue封装的范围输入组件                   |
| uploadImage    | 基于ElementUI+vue封装的图片上传组件                   |
| dynamicTags    | 基于ElementUI+vue封装的动态编辑标签组件                   |
| utils/genRules    | 快速生成默认验证规则（async-validator & ElementUI）                   |
| utils/clearObject    | 快速清空对象属性值（支持自定义属性值）                   |

---

## 相关文章

- [Vue3这样子结合hook写弹窗组件更快更高效](https://juejin.cn/post/7175821416237891644) - [useDialog](https://github.com/QC2168/useDialog)
- [在Vue3这样子写页面更快更高效](https://juejin.cn/post/7172889961446768670) - [useList](https://github.com/QC2168/snippets/tree/main/useList)
- [如何在Vue3中更优雅的使用echart图表](https://juejin.cn/post/7098646141889151006) - [useCharts](https://github.com/QC2168/useCharts)
- [axios封装思想+API集中管理+无感刷新Token](https://juejin.cn/post/7055171070311006215) - [axios-bz](https://github.com/QC2168/axios-bz)

---


> 如果你觉得这个库有帮助到您，可以在右上角点一个免费的`star`支持一下哦 ~

> 不定期更新各种常用的代码片段，也欢迎各位大佬提issue或pr ~