# abinWeb

**Repository Path**: web-abin/abin-web

## Basic Information

- **Project Name**: abinWeb
- **Description**: 前端阿彬的站点。
各种工具的配置枚举列表；
各种好用的工具汇总；
一些小游戏，特效
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 7
- **Created**: 2023-05-04
- **Last Updated**: 2024-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 功能介绍
本站分为五个模块：**工具、文档、游戏、摸鱼、案例**

#### 【工具】

工具菜单是收录一些实用、可以提高开发效率的工具。目前分为以下几种（我按可能用到的频率来排序）：

*   常用工具：一些零散不好归类的，实用的工具；
*   图片处理：提供图片压缩，图片裁剪，生成精灵图，在线ps等处理图片等工具；
*   css工具：在写样式的时候，一些精致的样式调试起来太费劲，这里提供一些工具在线调试css，比如在线生成网格布局等；
*   UI灵感：没有设计，自己空想样式真的好难🤧
*   图标：一些免费的图标字体库；
*   chrome插件：好用的chrome插件，谁用谁知道～
*   vscode插件：前端必备vscode插件

<p align="center"><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/65838c8289ef4e159e357f2cd52f01ed~tplv-k3u1fbpfcp-watermark.image?" alt="image.png" width="40%"></p>

#### 【文档】

文档菜单主打的就是简洁（我寻思都来查文档了，应该知道这个东西是干什么的，没必要写那些繁琐的描述）。

除了没有描述之外，它与其他导航网站不同的特点是，每个库都提供了`官方文档`和`相关文档`两种（相关文档也就是网文教程），提供更多的查阅渠道🥳。

**ps：** 因为刚搭建好网站，大部分文档目前都是只提供了官方文档的入口😂，以后会陆续将以前收藏的网文链接或者精选一些好文挂上去，同时也欢迎通过issues或者pr来共建本站内容～

<p align="center"><img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/faa06649a5404d4f974c3e80c9fa5253~tplv-k3u1fbpfcp-watermark.image?" alt="image.png" width="40%"></p>

<p align="center"><img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e1d2b160f9a84aeba83759077c0f0984~tplv-k3u1fbpfcp-watermark.image?" alt="image.png" width="40%"></p>

#### 【游戏】

游戏菜单不过多介绍，把游戏单独拆出来，不要影响我们查找有用的工具👻 

<p align="center"><img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/754c41cf8a114c74b481cb7ba20fcb88~tplv-k3u1fbpfcp-watermark.image?" alt="image.png" width="40%"></p>

#### 【摸鱼】

摸鱼菜单收录了一些有趣的，有创意的网站，以后会陆续收录一些免费视频、音乐、或其他资源的网站。

<p align="center"><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4dcc9ddf0a554342931b1347d0f41088~tplv-k3u1fbpfcp-watermark.image?" alt="image.png" width="40%"></p>

#### 【样例】

样例菜单目前还没开发，准备留着以后放置一些自己写的小demo，又或者是一些例如three.js的3d案例等。


## 技术栈
vue3+vite
项目比较简单，没有什么特殊的配置，搭建这样的项目比较轻松不费时间

## 关于其他

**有问题欢迎加qq群 **   
前端交流qq群: 852370486(无人区，来了你就是元老😂)   
我的qq: 3532371314

> 在【样例】菜单中，大家可以自由发挥，写一些功能后，把入口放在样例里（入口样式随便设计），比如大文件上传，又或者3d炫酷动效等，什么都可以🤩～

欢迎提pr共建网站内容！😊