全文大纲

diagrams-是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓扑图等，而且是免费的哦，创建的图表等
ProcessOn-是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等，不管 Mac 还是 Windows，一个浏览器就可以随时随地的发挥创意，规划工作。
excalidraw -是一款非常轻量的在线白板工具，可以直接在浏览器打开，轻松绘制具有手绘风格的图形。
whistle-代理抓包工具，很好很强大。
Easy Mock-是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 mock 服务。
Fiddler-是一个蛮好用的抓包工具，可以将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。
GitHub 统计-GitHub 全球排名：这个排名很权威。
墨刀-原型设计工具，原型、设计、流程图、思维导图......享受创造的乐趣，成就团队和个人
蓝湖-一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。
PxCook-高效易用的自动标注工具，生成前端代码，设计研发协作利器
removebg-一个抠图神器类工具，消除图片背景:100% 自动 – 只需 5 秒– 无需点击 – 免费。
ps-uupoop -PS 在线图片编辑器是一个专业精简的在线 ps 图片照片制作处理软件工具，直接在浏览器打开就可用它修正，调整和美化图像。
tinypng- 图片无损快速压缩工具，可以大大提高页面加载速度，值得推荐
postman -一款非常不错的网页调试工具
Apifox- API 文档、调试、Mock、测试一体化协作平台。Apifox = Postman + Swagger + Mock + JMeter。
Charles- 最好用的抓包工具。Charles 是一个支持多平台的 HTTP 代理器、HTTP 监控、反向代理器。它能够让开发者查看本地机器与互联网之间的所有 HTTP 以及 SSL/HTTPS 传输数据。
SourceTree- 是非常好用的 Git 图形界面工具，它是由Atlassian开发的免费Git图形界面工具，可以操作任何 Git 库。
SecureCRT -是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。
Typora -是一个功能强大的文档编辑器，主要可以用来写博客分享，读书笔记，及会议纪要等等功能多样，页面简洁，支持插入数学表达式，插入表情，表格，支持标准的Markdown语法，可以使用标注，功能强悍！还可以导出PDF文件和HTML文件。
MindMaster-是国内知名图形软件厂商亿图出品的思维导图工具，凭借多年在图形软件领域的深耕，MindMaster 无论是在产品的使用体验还是完整性上，都表现得可圈可点。

diagrams

官方网址：https://www.diagrams.net/

在线预览：https://app.diagrams.net/

diagrams-是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓扑图等，而且是免费的哦，创建的图表等

如下图：

ProcessOn

官方网址：
https://www.processon.com/

在线预览：
https://www.processon.com/diagrams

ProcessOn是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率。

如下图：

excalidraw

在线预览：https://excalidraw.com/

excalidraw -是一款非常轻量的在线白板工具，可以直接在浏览器打开，轻松绘制具有手绘风格的图形。

主要功能

浏览器直接打开，无需安装；可以在任何设备上使用，比如电脑端、手机、平板电脑，只要在浏览器打开上述链接即可使用
Excalidraw支持最常用的图形元素：方框、圆、菱形、连接线，可以方便的使用这些元素绘制简洁的图形

如下图：

whistle

Github：https://github.com/avwo/whistle

在线预览：
http://wproxy.org/whistle/

whistle(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用，不同于Fiddler通过断点修改请求响应的方式，whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过Node模块扩展功能：

Whistle 是基于 Node 实现的跨平台抓包调试工具，其主要特点：

完全跨平台：支持 Mac、Windows 等桌面系统，且支持服务端等命令行系统
功能强大（理论上可以对请求做任意修改）：
支持作为 HTTP、HTTPS、SOCKS 代理及反向代理
支持抓包及修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求
支持重放及构造 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求
支持设置上游代理、PAC 脚本、Hosts、延迟（限速）请求响应等
支持查看远程页面的 console 日志及 DOM 节点
支持用 Node 开发插件扩展功能，也可以作为独立 npm 包引用

操作简单：

直接通过浏览器查看抓包、修改请求
所有修改操作都可以通过配置方式实现（类似系统 Hosts），并支持分组管理
项目可以自带代理规则配置并一键设置到本地 Whistle 代理，也可以通过定制插件简化操作

如下图：

Easy Mock

在线预览：
https://mock.mengxuegu.com/

Easy Mock-是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 mock 服务。

EasyMock 是一套用于通过简单的方法对于给定的接口生成 Mock 对象的类库。它提供对接口的模拟，能够通过录制、回放、检查三步来完成大体的测试过程，可以验证方法的调用种类、次数、顺序，可以令 Mock 对象返回指定的值或抛出指定异常。通过 EasyMock，我们可以方便的构造 Mock 对象从而使单元测试顺利进行。

如下图：

Fiddler

官网地址：
https://www.telerik.com/fiddler

Fiddler 是一款Web调试代理工具，用于记录计算机和Internet之间的所有HTTP（S）通信。检查流量，设置断点，并编辑操作请求/响应。

Fiddler Web调试器可以记录，检查和调试来自任何浏览器的流量。

Fiddler Web调试器可以从任何基于Windows的PC，Mac或Linux系统以及移动设备上调试Web流量。

如下图：

GitHub 统计

官网地址：
https://gitstar-ranking.com/

GitHub 全球排名：这个排名很权威。

每个在 GitHub 开源的开发者，都想知道自己在 GitHub 上的排名吧，很简单只要在上面输入框输入自己的 GitHub 用户名即可，就可以看到自己的统计数据了。

如下图：

墨刀

官网地址：https://modao.cc/

墨刀-原型设计工具，原型、设计、流程图、思维导图......享受创造的乐趣，成就团队和个人

产品设计，何止是快，简单的拖拽，即可快速完成产品设计，将更多的时间留给思考
尺寸灵活，创作不受限，适配各类移动产品、网页设计、后台管理、小程序、活动原型....
支持制作高、低保真原型，不论是工作交流，还是客户展示，都能完美满足团队需求

如下图：

蓝湖

官网地址：https://lanhuapp.com/

蓝湖-一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。

蓝湖可以在线展示 Axure，自动生成设计图标注，与团队共享设计图，展示页面之间的跳转关系。

高效的产品设计协作平台
无缝衔接产品、设计、研发流程
降低沟通成本，缩短开发周期，提高工作效率

国内大部分设计师和前端在用这个来对接 ps 文件吧，真的好用！

如下图：

PxCook

官网地址：https://lanhuapp.com/

PxCook-高效易用的自动标注工具，生成前端代码，设计研发协作利器。

从设计到代码, 让团队高效协作
高效易用的自动标注工具，生成前端代码，设计研发协作利器

如下图：

removebg

官网地址：https://www.remove.bg/zh

removebg 一个抠图神器类工具，消除图片背景:100% 自动 – 只需 5 秒– 无需点击 – 免费。

Remove.bg 是一款非常神奇强大的在线人像照片/物品图片背景快速去除工具，你只需要上传图片，它就会利用「人工智能」技术全自动帮你扣掉背景，5 秒钟就能给你一张透明的移除背景后的主体照片。整个过程非常的简单傻瓜，你完完全全不需要花费任何精力去自己抠图。

如下图：

ps-uupoop

官网地址：https://www.uupoop.com/

ps-uupoop -PS 在线图片编辑器是一个专业精简的在线 ps 图片照片制作处理软件工具，直接在浏览器打开就可用它修正，调整和美化图像。

相比同类软件，uupoop 支持的文件格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常见图片格式。

整体体验下来，我觉得 uupoop 拥有了原版PS 80% 的功能，基本可以满足轻量的编辑或应急情况下的编辑需求。

如下图：

tinypng

官网地址：https://tinypng.com/

TinyPNG使用智能有损压缩技术将您的WebP, PNG and JPEG图片的文件大小降低。通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。

PNG and JPEG图片的文件大小降低。通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。

PNG很有用，因为它是唯一可以存储部分透明图像的广泛支持的格式。这个格式使用了压缩，但是文件依旧很大。使用TinyPNG为您的应用和站点压缩图片。将会减少带宽占用，并更快加载。

本软件不限制图片数量，可选择本地图片文件夹，批量进行图片压缩。

如下图：

postman

官网地址：https://www.postman.com/

Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的的Chrome插件。其主要功能包括：

模拟各种HTTP requests

从常用的 GET、POST 到 RESTful 的 PUT 、 DELETE …等等。甚至还可以发送文件、送出额外的 header。

Collection 功能（测试集合）

Collection 是 requests的集合，在做完一個测试的時候，你可以把這次的 request 存到特定的 Collection 里面，如此一來，下次要做同样的测试时，就不需要重新输入。而且一个collection可以包含多条request，如果我们把一个request当成一个test case，那collection就可以看成是一个test suite。通过collection的归类，我们可以良好的分类测试软件所提供的API.而且 Collection 还可以 Import 或是 Share 出來，让团队里面的所有人共享你建立起來的 Collection。

人性化的Response整理

一般在用其他工具來测试的時候，response的内容通常都是纯文字的 raw，但如果是 JSON ，就是塞成一整行的 JSON。这会造成阅读的障碍，而 Postman 可以针对response内容的格式自动美化。JSON、 XML 或是 HTML 都會整理成我们可以阅读的格式

内置测试脚本语言

Postman支持编写测试脚本，可以快速的检查request的结果，并返回测试结果

设定变量与环境

Postman 可以自由设定变量与Environment，一般我们在编辑request，校验response的时候，总会需要重复输入某些字符，比如url，postman允许我们设定变量来保存这些值。并且把变量保存在不同的环境中。比如，我們可能会有多种环境， development 、 staging 或 local，而这几种环境中的 request URL 也各不相同，但我们可以在不同的环境中设定同样的变量，只是变量的值不一样，这样我们就不用修改我们的测试脚本，而测试不同的环境。

如下图：

Apifox

官网地址：https://www.apifox.cn/

apifox的优点

避免了代码和文档不同步的问题（自动将swagger同步到文档中）
避免重复劳动（swagger写好后，一键同步，文档、调试、Mock、测试的数据全部自动生成）
开发效率高（功能很强大。比如：可以在自测时指定全局的token）

apifox推荐的开发方案

前端（或后端）在 Apifox 上定好接口文档初稿。
前后端一起评审、完善接口文档，定好接口用例。
前端使用系统根据接口文档自动生成的 Mock 数据进入开发，无需手写 mock 规则。
后端使用接口用例调试开发中接口，只要所有接口用例调试通过，接口就开发完成了。如开发过程中接口有变化，调试的时候就自动更新了文档，零成本的保障了接口维护的及时性。
后端每次调试完一个功能就保存为一个接口用例。
测试人员直接使用接口用例测试接口。
所有接口开发完成后，测试人员（也可以是后端）使用集合测试功能进行多接口集成测试，完整测试整个接口调用流程。
前后端都开发完，前端从Mock 数据切换到正式数据，联调通常都会非常顺利，因为前后端双方都完全遵守了接口定义的规范

如下图：