编程实用工具大全（前后端皆可用，不来瞅瞅？）

柔光的暖阳◎ 2023-10-01 21:39 38阅读 0赞

从事:**Python，前端,Java，C，C++， R ，Javascript，C\#， Matlab ， Swift ， Go ，数据库等领域的都适合。**

**目录**

1.Snipaste

2.命名神器codelf

3.渐变色神器

4.CSS阴影效果神器

5.数据结构可视化

6.Buttons

7.CSS在线设计按钮

8.颜色码转换工具

9.HTML颜色代码

10.HTTP 状态代码

11.Iconfont 矢量图标库

12.JSON字符串格式化

13.数据库大全

--------------------

> ![6c077b7a8d9e4ee8a2176b4d2f267b7e.png][] 个人主页：[个人主页][Link 1]  
> ![78ebf3e975d74a4ab1d20c57ee7b2791.png][] 系列专栏：[精品推荐][Link 2]
> 
> **IT世界工具千千万万，大佬们有什么好用的工具，欢迎大家评论区分享**

## 1.Snipaste ##

**Snipaste，一款简单强大的截图贴图利器**

**无论从事前端还是后端都有帮助性**

**下载地址:[Snipaste][]**

> Windows 系统有自带的截图工具，但不方便，无论是截图方式，还是标注，也十分的简陋和粗糙。为此，我找到了一款不错的截图软件，准备用它，来实现更加高效率的截图。
> 
> 说 Snipaste 是一款截图工具其实并不准确，它功能丰富，并且这些小巧的功能异常强大。
> 
> 它不仅可以快速截图，还集成了标注和贴图功能。说白了**,由于具有贴图的特性,我们可以一边敲代码,一边看图。**

![d4984e69b78541a49daa01f0dd17ba35.gif][]

## **2.命名神器codelf** ##

**无论从事前端还是后端都有帮助性**

> Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的项目源码，帮开发者从中找出已有的匹配关键字的变量名。这个搜索服务支持直接搜索中文。codeif支持中文查询，输入中文意思，codeif可以根据需要查询尽可能满足需要的结果，并展示与查询结果相关的支持各种编程语言的代码片段以及代码库。
> 
> **地址:[CODELF][]**

**使用非常简单,只需要输入中文,他就自动把你命名英文**

**例如输入‘扑克’,他就会给你找出 大神们经常使用的变量名**

**![50cdbe15275941819aca74e6432429df.gif][]**

## **3.渐变色神器** ##

**从事前端具有帮助性**

地址：[Gradihunt: Automated Gradient Generator][Gradihunt_ Automated Gradient Generator]

有各式各样的渐变色,支持下载图片，不管是做背景还是做啥都是非常好看的

![watermark,type\_d3F5LXplbmhlaQ,shadow\_50,text\_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9,size\_20,color\_FFFFFF,t\_70,g\_se,x\_16][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9_size_20_color_FFFFFF_t_70_g_se_x_16]

## 4.CSS阴影效果神器 ##

**从事前端具有帮助性**

**地址：**[Smooth Shadow (brumm.af)][Smooth Shadow _brumm.af]

你可以在里面自定义其大小和显示效果,满意后,复制里面的代码即可

![fe45cbbc430d40b087dcf4de86864b5c.gif][]

## 5.数据结构可视化 ##

**无论从事前端还是后端都有帮助性**

**尤其适合正在刷算法的同学**

**地址：:[数据可视化][Link 3]**

还在为数据结构发愁吗？这款可视化工具，帮助你更好的了解其数据结构

## 6.Buttons ##

里面的特效都有代码，复制就能用。

地址：

[Universe of UI elements][]

![55d06d9c0148453dbfa1ed2a87eef8ed.gif][]

![9ae546f76688490496f99bbcaa8bcbe5.gif][]

![d0580b90c7de4b99b4f39c95b676f134.gif][]

![e1446725f8ed4f24ac30bb23283f6a27.gif][]

![8c39c740c1364ca1a07c2e798d42ce86.gif][]

## 7.CSS在线设计按钮 ##

[CSS按钮在线设计 (lingdaima.com)][CSS_ _lingdaima.com]

**可以随意调节按钮大小，然后复制代码即可**

![496b43548ae5419596c72fc8a4c5db6a.gif][]

## 8.颜色码转换工具 ##

[RGB颜色值与十六进制颜色码转换工具 (sioe.cn)][RGB_ _sioe.cn]

![671c089672874af98ae0de4f32405fd3.gif][]

## 9.HTML颜色代码 ##

[HTML颜色代码][HTML]

**选择你喜欢的颜色，然后复制 颜色码**

![63f66731af2a4df4aacfe88c75073cae.gif][]

## 10.HTTP 状态代码 ##

[HTTP Status Codes Glossary - WebFX][]

**通过此网站可以知道 HTTP状态码 所表达的意思**

![6d69e73b9cb94631aae53a8958d95826.png][]

![d91ef9e588cb48ca816702b5733aae3e.png][]

##  ##

## 11.Iconfont 矢量图标库 ##

[iconfont-阿里巴巴矢量图标库][iconfont-]

![b5e3c207418a486b8bb684d7b4864047.png][]

![d836380f1ff144dc9af997559d21e487.png][]

## 12.JSON字符串格式化 ##

[在线JSON校验格式化工具][JSON]

![40db58602754417c87594009919ab9a4.png][]

## 13.数据库大全 ##

[MySQL数据库设计大全 - 果创云][MySQL_ -]

> **选择数据库的类型，就会给你提供模板，照样子修改一下就能用**

![6e8ab6da89b848b1b93f9d46936676bf.png][]

![05e497da183348f69b3c7d4a5a58e20c.png][]

![d38c9a8505f947388b3bd38f296235bb.png][]

![f1734b468377421d9fc3c12bba421345.png][]

![af4b3a345d95466f8c92045b7d494423.png][]

![2e799c15d6074bf7a8ad73351edb343a.png][]

[6c077b7a8d9e4ee8a2176b4d2f267b7e.png]: https://img-blog.csdnimg.cn/6c077b7a8d9e4ee8a2176b4d2f267b7e.png
[Link 1]: https://blog.csdn.net/Javascript_tsj?type=blog
[78ebf3e975d74a4ab1d20c57ee7b2791.png]: https://img-blog.csdnimg.cn/78ebf3e975d74a4ab1d20c57ee7b2791.png
[Link 2]: https://blog.csdn.net/javascript_tsj/category_11678200.html?spm=1001.2014.3001.5482
[Snipaste]: https://www.snipaste.com/
[d4984e69b78541a49daa01f0dd17ba35.gif]: https://img-blog.csdnimg.cn/d4984e69b78541a49daa01f0dd17ba35.gif
[CODELF]: https://unbug.github.io/codelf/
[50cdbe15275941819aca74e6432429df.gif]: https://img-blog.csdnimg.cn/50cdbe15275941819aca74e6432429df.gif
[Gradihunt_ Automated Gradient Generator]: https://gradihunt.com/
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/45c74a4abe2b40a0b8905a669ebcf369.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/f34f1f2bc4b64157abd62be7acc7e2d2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9,size_20,color_FFFFFF,t_70,g_se,x_16
[Smooth Shadow _brumm.af]: https://shadows.brumm.af/
[fe45cbbc430d40b087dcf4de86864b5c.gif]: https://img-blog.csdnimg.cn/fe45cbbc430d40b087dcf4de86864b5c.gif
[Link 3]: https://visualgo.net/zh
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/373a8ae3185e4f06bd8c52f2f86a1966.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/7c3c3abc5c2940f2849d3d29c0e4a270.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiA5Liq54Ot54ix57yW56iL55qE5bCP55m955m9,size_20,color_FFFFFF,t_70,g_se,x_16
[Universe of UI elements]: https://cssbuttons.io/buttons
[55d06d9c0148453dbfa1ed2a87eef8ed.gif]: https://img-blog.csdnimg.cn/55d06d9c0148453dbfa1ed2a87eef8ed.gif
[9ae546f76688490496f99bbcaa8bcbe5.gif]: https://img-blog.csdnimg.cn/9ae546f76688490496f99bbcaa8bcbe5.gif
[d0580b90c7de4b99b4f39c95b676f134.gif]: https://img-blog.csdnimg.cn/d0580b90c7de4b99b4f39c95b676f134.gif
[e1446725f8ed4f24ac30bb23283f6a27.gif]: https://img-blog.csdnimg.cn/e1446725f8ed4f24ac30bb23283f6a27.gif
[8c39c740c1364ca1a07c2e798d42ce86.gif]: https://img-blog.csdnimg.cn/8c39c740c1364ca1a07c2e798d42ce86.gif
[CSS_ _lingdaima.com]: https://lingdaima.com/cssbutton/
[496b43548ae5419596c72fc8a4c5db6a.gif]: https://img-blog.csdnimg.cn/496b43548ae5419596c72fc8a4c5db6a.gif
[RGB_ _sioe.cn]: https://www.sioe.cn/yingyong/yanse-rgb-16/
[671c089672874af98ae0de4f32405fd3.gif]: https://img-blog.csdnimg.cn/671c089672874af98ae0de4f32405fd3.gif
[HTML]: https://htmlcolorcodes.com/zh/
[63f66731af2a4df4aacfe88c75073cae.gif]: https://img-blog.csdnimg.cn/63f66731af2a4df4aacfe88c75073cae.gif
[HTTP Status Codes Glossary - WebFX]: https://www.webfx.com/web-development/glossary/http-status-codes/
[6d69e73b9cb94631aae53a8958d95826.png]: https://img-blog.csdnimg.cn/6d69e73b9cb94631aae53a8958d95826.png
[d91ef9e588cb48ca816702b5733aae3e.png]: https://img-blog.csdnimg.cn/d91ef9e588cb48ca816702b5733aae3e.png
[iconfont-]: https://www.iconfont.cn/
[b5e3c207418a486b8bb684d7b4864047.png]: https://img-blog.csdnimg.cn/b5e3c207418a486b8bb684d7b4864047.png
[d836380f1ff144dc9af997559d21e487.png]: https://img-blog.csdnimg.cn/d836380f1ff144dc9af997559d21e487.png
[JSON]: https://www.chenzhuofan.top/json
[40db58602754417c87594009919ab9a4.png]: https://img-blog.csdnimg.cn/40db58602754417c87594009919ab9a4.png
[MySQL_ -]: http://open.yesapi.cn/list.html
[6e8ab6da89b848b1b93f9d46936676bf.png]: https://img-blog.csdnimg.cn/6e8ab6da89b848b1b93f9d46936676bf.png
[05e497da183348f69b3c7d4a5a58e20c.png]: https://img-blog.csdnimg.cn/05e497da183348f69b3c7d4a5a58e20c.png
[d38c9a8505f947388b3bd38f296235bb.png]: https://img-blog.csdnimg.cn/d38c9a8505f947388b3bd38f296235bb.png
[f1734b468377421d9fc3c12bba421345.png]: https://img-blog.csdnimg.cn/f1734b468377421d9fc3c12bba421345.png
[af4b3a345d95466f8c92045b7d494423.png]: https://img-blog.csdnimg.cn/af4b3a345d95466f8c92045b7d494423.png
[2e799c15d6074bf7a8ad73351edb343a.png]: https://img-blog.csdnimg.cn/2e799c15d6074bf7a8ad73351edb343a.png