今天给大家分享几个我们在工作生活中经常用到的在线的小工具。

一、流程图绘制软件 ProcessOn

这是一个免费在线作图、实时协作的聚合平台。支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等,不需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,规划工作。也可以将作品分享给团队成员或好友,无论何时何地大家都可以对作品进行编辑、阅读和评论。

传送门:ProcessOn

使用教程:ProcessOn 使用手册

为什么processon拖动不了 processon使用_code

二、文件格式转换器 Convertio

该软件可以对音频、视频、图像、文档、字体、电子书等进行转换,支持300多种格式转换,且所有转换都在云端进行,不会消耗本地计算机的资源。基于浏览器并支持所有平台。不需下载与安装任何软件。

传送门:Convertio

使用方式:只需将文件拖放至该页面,选择输出格式并点击“转换”按钮即可。完成转换过程需要一点时间,请稍等。

为什么processon拖动不了 processon使用_为什么processon拖动不了_02

三、二维码生成器 cli.im

草料二维码生成器可以将文本、网址、文件、图片、音视频、名片、微信、表单等内容生成相应二维码;可以批量生成二维码;可以对二维码进行美化处理;可以进行解码操作等。

传送门:草料二维码

使用方式:只需要将要生成的内容上传到该网站,点击生成二维码,即可产生一个二维码,扫码之后就是输入生成的内容。

四、在线工具箱 tool

该工具箱提供了很多使用的工具。比如在线工具就有开发类、站长类、极客类、学术类等,还要码农文库、代码技巧等等,实用的内容太多,感兴趣的小伙伴可以前往一探究竟。

传送门:在线工具箱

使用方式:打开网站就可使用。

为什么processon拖动不了 processon使用_前端_03

五、菜鸟工具 tool

菜鸟工具与在线工具库类似,同样也是一款针对程序员的在线工具网站,不仅有数十个开发类工具,还提供WEB和SVG在线编辑器。

传送门:菜鸟工具

使用方式:打开网站就可使用。

为什么processon拖动不了 processon使用_前端_04

六、代码行数统计工具 SourceCounter

这个工具主要是为了方便自己统计项目中所写代码行数。

传送门:SourceCounter CDN高速下载链接

使用方式:下载解压就可以使用。

为什么processon拖动不了 processon使用_code_05

七、代码托管平台 GitHub

程序员应该都懂,不懂得可以看下面得使用方法。

传送门:GitHub 官网

使用方式:GitHub 使用

为什么processon拖动不了 processon使用_前端_06

八、前端常用辅助工具类网站

1. codelf 变量命名智能推荐(支持中文)

为什么processon拖动不了 processon使用_前端_07

2. docschina Web 前端开发人员提供优质中文文档

为什么processon拖动不了 processon使用_github_08

3. regexr 正则表达式验证匹配

为什么processon拖动不了 processon使用_code_09

4. any-rule 正则表达式库,非常全,使用起来很方便

为什么processon拖动不了 processon使用_code_10

5. CSS Sprites Generato 多张图片合成雪碧图,并生成对应 css

为什么processon拖动不了 processon使用_前端_11

6. tool.lu 众多工具集合,包括时间戳转换,进制转换等

为什么processon拖动不了 processon使用_前端_12

7. bootcdn / baomitu 国内的CDN库,速度快

为什么processon拖动不了 processon使用_为什么processon拖动不了_13


为什么processon拖动不了 processon使用_为什么processon拖动不了_14

8. jsDelivr 国外的 cdn 库,支持 github,npm,WordPress

为什么processon拖动不了 processon使用_为什么processon拖动不了_15

9. gitignore 根据选择会去生成 .gitignore 文件

为什么processon拖动不了 processon使用_前端_16

10. codesandbox 在线编辑代码

为什么processon拖动不了 processon使用_code_17

11. typora 实用的 Markdown 写作工具,所见即所得

为什么processon拖动不了 processon使用_为什么processon拖动不了_18

12. mdnice 使 markdown 语法更加美观,如果你有写博客,那这个非常合适你
13. CodePen 构建、测试和发现前端代码的最佳场所。

为什么processon拖动不了 processon使用_code_19

CodePen 是一个面向前端设计人员和开发人员的社交开发环境。构建和部署网站,展示您的工作,构建测试用例以学习和调试,并寻找灵感。

此网址为我们开发页面以及实现特效提供了非常丰富的demo,没事多逛逛也是很不错的选择哦!