编程实用工具大全(二)（前后端皆可用，不来看看？）

素颜马尾好姑娘i 2023-10-01 21:44 34阅读 0赞

> ![6c077b7a8d9e4ee8a2176b4d2f267b7e.png][] 个人主页：[个人主页][Link 1]  
> ![78ebf3e975d74a4ab1d20c57ee7b2791.png][] 系列专栏：[精品推荐][Link 2]
> 
> **由于之前编程实用工具大全深受大家喜欢，所以出了第二期。对于没有看过第一期的小伙伴，可以点击这个链接：**
> 
> [编程实用工具大全（一）][Link 3]

**目录**

1.零代码工具箱 - 专为前端打造

1. SVG波浪背景生成器

2.在线生成 新拟态风格 CSS 代码

3.在线生成CSS玻璃形态效果

4.CSS文本排版工具

2. 在线模拟数据生成器-专为后端打造

3.VARBook-适合英语基础薄弱者

4.零代码 - Table在线布局工具（Excel转HTML）

5.随意构建有机外观的形状

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

## 1.零代码工具箱 - 专为前端打造 ##

[零代码-前端工具箱 (lingdaima.com)][-_ _lingdaima.com]

![c6cbba826393482cadf60c4f5d2197db.png][]

### 1. SVG波浪背景生成器 ###

[Svg波浪背景生成器 (lingdaima.com)][Svg_ _lingdaima.com]

**网站上的效果：**

![dd65a08755b44beea04486ea8c7dade9.gif][]

> **我试图录制修改过程的GIF，但是 GIF大于5M上传不了 只能给大家以图片的形式简述它的功能**

![5ca3b6a928bd47cfae1e0a63ca5e0efe.png][]

> 如下图，可以自定义修改图形的**颜色，高度**等等熟悉，同时有SVG PNG两种格式下载

![f96f79b31c7b4f1e83a4c6e971941e7e.png][]

> 下面就是SVG的代码，只需要复制，然后粘贴到html中的 body中即可，也就是顶部第一张图的那种动态特效

![484b54bd0cba4d30b699684402d71356.png][]

> 当然，它还能改变方向

![71512f262b834af784c50719c8865b7f.png][]

### 2.在线生成 **新拟态风格** CSS 代码 ###

[在线生成新拟态风格阴影CSS代码 (lingdaima.com)][CSS_ _lingdaima.com]

![9787fa971ae24348b113282580811dd5.gif][]

### 3.在线生成CSS玻璃形态效果 ###

[在线制作CSS玻璃形态 (lingdaima.com)][CSS_ _lingdaima.com 1]

![31ad830431b547e6b95ed452eee4110f.gif][]

### 4.CSS文本排版工具 ###

[CSS文本排版工具 (lingdaima.com)][CSS_ _lingdaima.com 2]

![b9feb67d21974095803a3f12bc436039.gif][]

>  **其他的特效就不列举了，大家自行体验：**[零代码-前端工具箱 (lingdaima.com)][-_ _lingdaima.com]

## 2. 在线模拟数据生成器-专为后端打造 ##

[在线模拟数据生成器--Datum (codedefault.com)][--Datum _codedefault.com]

> **这工具写数据库就很舒服，应该对大数据专业的也有帮助**
> 
> **由于GIF大小限制，所以画面比较简陋，具体效果，还请大家去尝试。**

![136a88625c934c41a7c3b46654dd6e83.gif][]

> **自定义增加行数，支持下载数据，生产的数据想多少行就多少行。**
> 
> **如果是 生成SQL的数据，还能自己创建表，对于写SQL的大佬可是大棒了**

![afdb37909b5646e39e41beca3d1384d2.png][]

> **随机产生的SQL数据：**
> 
> **（声明：本数据信息是随机生产的，无泄漏它人信息的情况)**

![ed3e396d6b4746fba2b29faf23a32d92.png][]

> 生产的JOSN格式：

![1ee856335be84b0790497b2411591d47.png][]

> CSV格式

![95aaccb6bea840179c71f47855a77bb7.png][]

## 3.VARBook-适合英语基础薄弱者 ##

[varbook (uiuing.com)][varbook _uiuing.com]

> VARBook致力于帮助中文程序员提高英语编码能力，功能包括变量命名、英文注释、英语练习等，**对于英语不好同学的非常友好**

![251195809d4a4740907d0f703595c558.gif][]

## 4.零代码 - Table在线布局工具（Excel转HTML） ##

[零代码 - Table在线布局工具（Excel转HTML） (lingdaima.com)][- Table_Excel_HTML_ _lingdaima.com]

> 市面上有很多类似Excel转HTML的工具，但转换出来的HTML代码格式非常乱，大量重复的内联样式和CSS代码。  
> 对于程序员使用Excel转HTML工具的初衷是为了节省开发效率，但对于这样的HTML代码是无法直接拿来用的，需要花大量精力优化代码。
> 
> 本工具特点是对转换后的HTML和CSS代码进行优化，删除所有内联样式，并对css重复样式进行智能合并、去重，优化后的代码无需进行任何改动，即可直接用到项目中。

![c8f94e961b35489abede6efa1457cda5.gif][]

## 5.随意构建有机外观的形状 ##

[Fancy Border Radius Generator (9elements.github.io)][Fancy Border Radius Generator _9elements.github.io]

![f464b69956d1474b8a993894865dbcf3.gif][]

[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
[Link 3]: https://blog.csdn.net/Javascript_tsj/article/details/124270693?spm=1001.2014.3001.5502
[-_ _lingdaima.com]: https://www.lingdaima.com/
[c6cbba826393482cadf60c4f5d2197db.png]: https://img-blog.csdnimg.cn/c6cbba826393482cadf60c4f5d2197db.png
[Svg_ _lingdaima.com]: https://www.lingdaima.com/svgwave/
[dd65a08755b44beea04486ea8c7dade9.gif]: https://img-blog.csdnimg.cn/dd65a08755b44beea04486ea8c7dade9.gif
[5ca3b6a928bd47cfae1e0a63ca5e0efe.png]: https://img-blog.csdnimg.cn/5ca3b6a928bd47cfae1e0a63ca5e0efe.png
[f96f79b31c7b4f1e83a4c6e971941e7e.png]: https://img-blog.csdnimg.cn/f96f79b31c7b4f1e83a4c6e971941e7e.png
[484b54bd0cba4d30b699684402d71356.png]: https://img-blog.csdnimg.cn/484b54bd0cba4d30b699684402d71356.png
[71512f262b834af784c50719c8865b7f.png]: https://img-blog.csdnimg.cn/71512f262b834af784c50719c8865b7f.png
[CSS_ _lingdaima.com]: https://www.lingdaima.com/#e0e0e0
[9787fa971ae24348b113282580811dd5.gif]: https://img-blog.csdnimg.cn/9787fa971ae24348b113282580811dd5.gif
[CSS_ _lingdaima.com 1]: https://www.lingdaima.com/glass/
[31ad830431b547e6b95ed452eee4110f.gif]: https://img-blog.csdnimg.cn/31ad830431b547e6b95ed452eee4110f.gif
[CSS_ _lingdaima.com 2]: https://www.lingdaima.com/typeset/
[b9feb67d21974095803a3f12bc436039.gif]: https://img-blog.csdnimg.cn/b9feb67d21974095803a3f12bc436039.gif
[--Datum _codedefault.com]: https://datum.codedefault.com/
[136a88625c934c41a7c3b46654dd6e83.gif]: https://img-blog.csdnimg.cn/136a88625c934c41a7c3b46654dd6e83.gif
[afdb37909b5646e39e41beca3d1384d2.png]: https://img-blog.csdnimg.cn/afdb37909b5646e39e41beca3d1384d2.png
[ed3e396d6b4746fba2b29faf23a32d92.png]: https://img-blog.csdnimg.cn/ed3e396d6b4746fba2b29faf23a32d92.png
[1ee856335be84b0790497b2411591d47.png]: https://img-blog.csdnimg.cn/1ee856335be84b0790497b2411591d47.png
[95aaccb6bea840179c71f47855a77bb7.png]: https://img-blog.csdnimg.cn/95aaccb6bea840179c71f47855a77bb7.png
[varbook _uiuing.com]: https://varbook.uiuing.com/#/
[251195809d4a4740907d0f703595c558.gif]: https://img-blog.csdnimg.cn/251195809d4a4740907d0f703595c558.gif
[- Table_Excel_HTML_ _lingdaima.com]: https://lingdaima.com/table/
[c8f94e961b35489abede6efa1457cda5.gif]: https://img-blog.csdnimg.cn/c8f94e961b35489abede6efa1457cda5.gif
[Fancy Border Radius Generator _9elements.github.io]: https://9elements.github.io/fancy-border-radius/#59.72.54.61--386.391
[f464b69956d1474b8a993894865dbcf3.gif]: https://img-blog.csdnimg.cn/f464b69956d1474b8a993894865dbcf3.gif