draw.io

有一段时间没有发文了，看到后台有伙伴问，作为程序员，有没有好的画图工具推荐，领导说Microsoft Visio画图工具很强，让我们使用，但是我就是用的不习惯。 还有没有其他高端的牛逼的，容易上手，一用就爽的画图工具么。 针对这么个问题，我其实也是经验不足，Microsoft Visio我也用过，安装包大，还要破解，用的不多，还买个正版，我的脑子还没瓦塌，我是不会买的。 那么趁着周末给大家分享两款好用的画图工具，作为程序员还是经常需要画一画图的，你应该能明白我说的画图指的是什么，我也就不过多的强调了。 还是强调下吧： 1、程序员不要认为写好代码就好，画好图也很重要，难道你没听过PPT架构师，PPT架构师不就天天画图么 这点就是轻松一下，周末愉快！ 2、关于画图，俗话说，有图有真相！哦，不对，是一图胜千言。一图胜千言，沟通效率那不是刚刚的 这点很重要，不！是特别特别特别的重要！！！ 如果你在工作中没有画过图，或者你没有找到合适的画图工具的话，那么读完本文，建议尝试用其中一个开始你画图的表演吧。 第一个款画图工具：Draw.io Draw.io 是一个很好用的免费流程图绘制工具。你可以利用它绘制一系列的图表、图示或图形，包括流程图、UML 类图、组织结构图、泳道图、E-R 图、文氏图等等，适用于商务、工程、电气、网络设计、软件设计等诸多领域的专业绘图。它致力于成为完全开源、免费

点击关注上方“ 五分钟学算法 ”， 设为“置顶或星标”，第一时间送达干货。 转自GitHubDaily 作为一款开源的主流代码编辑器，VSCode 在发布之后一直受到不少开发者的喜爱。 此前，我们也曾分享过多篇文章，向大家推荐了不少 VSCode 上比较实用（或沙雕）的插件： 装上这几个 VSCode 插件后，上班划水摸鱼不是梦 超实用：10 款开发必备的 VS Code 插件！ 10 个炒鸡好用的 VS Code 插件 “神器”！ 因此，有很多水友也经常调侃道，这世界上就不存在 VSCode 做不到的事 。 看到大家对 VSCode 如此痴迷，那今天小 G 就再给大家推荐一款实用的 VSCode 插件：VSCode Drawio。 听到这个名字，你应该大致就能猜想到，它跟 drawio 应该有不小的渊源。 是的，在不久前，一位来自德国前端工程师 Henning Dieterichs 成功将 draw.io 的功能集成进了 VSCode，并打包成了插件供开发者下载使用，让你分分钟能用 VSCode 画出完美的流程图、思维导图与 UML 图。 它的具体效果，就像下面这样： 一些水友可能对 draw.io 这款产品不太了解，这里跟大家简单介绍下： draw.io 是一个支持在线绘图的网站工具，因其界面简洁直观，功能丰富强大而受到不少用户喜爱。 访问它的网站，你便能看到如下界面：

大家好，我是小 G。 作为一款开源的主流代码编辑器，VSCode 在发布之后一直受到不少开发者的喜爱。 此前，我们也曾在公众号上分享过多篇文章，向大家推荐了不少 VSCode 上比较实用（或沙雕）的插件。 因此，有很多水友也经常调侃道，这世界上就不存在 VSCode 做不到的事 。 看到大家对 VSCode 如此痴迷，那今天小 G 就再给大家推荐一款实用的 VSCode 插件：VSCode Drawio。 听到这个名字，你应该大致就能猜想到，它跟 drawio 应该有不小的渊源。 是的，在不久前，一位来自德国前端工程师 Henning Dieterichs 成功将 draw.io 的功能集成进了 VSCode，并打包成了插件供开发者下载使用，让你分分钟能用 VSCode 画出完美的流程图、思维导图与 UML 图。 它的具体效果，就像下面这样： 一些水友可能对 draw.io 这款产品不太了解，这里跟大家简单介绍下： draw.io 是一个支持在线绘图的网站工具，因其界面简洁直观，功能丰富强大而受到不少用户喜爱。 访问它的网站，你便能看到如下界面： http://draw.io 由上图我们清楚可以看到，draw.io 所拥有的功能非常全面，完全能够轻松胜任我们日常的图形绘制需求。 不仅如此，draw.io 还支持将图形保存到 Google Drive、One Drive 等云端硬盘上

点击上方☝ ，轻松关注！ 及时获取有趣有料的 技术文章 缘起 最近经常有伙伴问我，作为程序员，有没有好的画图工具推荐，领导说Microsoft Visio画图工具很强，让我们使用，但是我就是用的不习惯。还有没有其他高端的牛逼的，容易上手，一用就爽的画图工具么。 针对这么个问题，我其实也是经验不足，Microsoft Visio我也用过，安装包大，还要破解，用的不多，还买个正版，我的脑子还没瓦塌，我是不会买的。 那么趁着周末给大家分享两款好用的画图工具，作为程序员还是经常需要画一画图的，你应该能明白我说的画图指的是什么，我也就不过多的强调了。 算了，还是强调下吧： 1、程序员不要认为写好代码就好，画好图也很重要，难道你没听过PPT架构师，PPT架构师不就天天画图么 第一点就是皮一下，早日成为架构师，在也不想写代码了 2、关于画图，俗话说，有图有真相！哦，不对，是一图胜千言。一图胜千言，沟通效率那不是刚刚的 这点很重要，不！是特别特别特别的重要！！！ 如果你在工作中没有画过图，或者你没有找到合适的画图工具的话，那么读完本文，建议尝试用其中一个开始你画图的表演吧。 第一个款画图工具：Draw.io Draw.io 是一个很好用的免费流程图绘制工具。 你可以利用它绘制一系列的图表、图示或图形，包括流程图、UML 类图、组织结构图、泳道图、E-R 图、文氏图等等，适用于商务、工程、电气

本文根据石鹏老师在〖deeplus直播第227期〗线上分享演讲内容整理而成。 （文末有获取本期PPT&回放的方式，不要错过） 我们都知道SRE是一个体系化的工程，SRE体系的建设涉及的内容繁多，比如日常需求处理、容量规划、资源部署、监控告警、预案梳理、灾备演练、OnCall值班、应急事件响应、故障处理、运维自动化建设等等；其中「故障」可以算作是这众多事项的一个交汇点。 故障处理是一个特别符合“台上一分钟，台下十年功”这句俗语的场景，一次故障就是一次考试。SRE团队的响应速度、对服务的掌控能力、监控告警的覆盖是否完整、配置是否合理，灾备预案的体系是否完善、是否做了充分的灾备演练、应急预案是否有效....这些都是用于考核SRE体系建设水平的一些指标，都会在「故障处理」的过程中得到淋漓尽致的体现。不管你是研发、测试、运维，或其他“工种”，只要你身处IT行业，「故障」怕都是大家避之唯恐不及却无法绕开的一个梦魇和话题。 我将围绕「故障管理」这个点跟大家聊一聊SRE的工作范畴，跟大家共同探讨SRE体系的建设。希望可以通过分享让大家对故障管理有一个宏观的框架，可以更从容淡定、有章可循地做服务稳定性建设。 本次分享将按照如下的顺序展开： 先聊一聊SRE的工作职责，聊一下我所理解的SRE的核心目标； 初步看一下稳定性建设的工作范畴，看一看从宏观上如何划分我们的工作内容； 然后我们由此进入今天的主题

平时chrome插件用多了，发现在工作中有很多插件特别好用，能让你能事半功倍。于是我抽时间整理了一些非常好用的chrome插件分享给大家，其中有些插件是我已经离不开，每天都在用的。希望这篇文章能帮助你找到适合你的插件，提升工作效率。 工作类 FeHelper【强烈推荐】 FeHelper是一个Web前端助手，由中国人开发，集成了非常多很实用的前端工具，比如：字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、JS正则表达式等。虽然是前端工具大合集，但是在我们做软件测试或者其他开发同学的工作中也非常有用，比如我经常使用：JSON对比文件(对比两次请求返回的数据信息)、二维码生成工具(生成二维码)、JSON格式化。如下是该工具的一个截图： WX20191111-201217@2x.png Octotree 你是否有这样的体验，在github上浏览某个工程，需要不断的页面后退，或者点击跳转到新的页面，均需要一个页面加载的等待时间，这样体验会比较差。Octotree就是为了解决这个问题而出现的，它能够让你在页面上浏览代码层次结构，就像idea工具一样，非常方便。如下图所示： WX20191111-195902@2x.png One Tab 之所以推荐这个插件，并将它放到工作分类中，是因为考虑到平时大家工作中肯定会打开大量的tab，而tab上的标题将会变的很小，显示不全

大家好，我是 Guide 哥，一个三观比主角还正的技术人。 简单整理了一下自己日常经常使用的工具网站，分享给小伙伴们！其他推荐阅读： 完结撒花！JavaGuide面试突击版来啦！ 「Java面试题精华集」Java基础知识篇（2020最新版）附PDF版 ！ 【Java后端面试经历】我和阿里面试官的“又”一次“邂逅”(附问题详解) 1.奶牛快传:用户体验更好的网盘工具。 https://cowtransfer.com/ 最近开始使用的一款网盘工具，和百度网盘类似，不过没有下载速度的限制，并且可以支持自定义分享文件的下载次数（需要开会员）。 还有一点让我觉得比较舒服的是，你给别人分享文件，别人无需登录即可直接下载。 就传输速度和体验感来说，奶牛快传真的没话说。缺点也比较明显，免费用户的容量容量只有 5 g并且单次传输上限是 2g，所以，可能需要付费才能更好的使用。 2.docsmall:压缩工具 https://docsmall.com/ 我经常用来压缩图片、GIF、PDF，你们平时看到我放的 Gif 图片都是在这里压缩过一波的。 并且，还支持PDF合并和分割。不得不说这个网站做的简直不要太美观，体验感和好感 Max!!! 3.创客贴:平面设计作图神器 https://www.chuangkit.com/ 我的公众号首页封面图就是通过这个网站制作的。通过这个网站你可以制作好看的海报、简历

大家好，我是 Guide 哥，一个三观比主角还正的技术人。 简单整理了一下自己日常经常使用的工具网站，分享给小伙伴们！其他推荐阅读： 完结撒花！JavaGuide面试突击版来啦！ 「Java面试题精华集」Java基础知识篇（2020最新版）附PDF版 ！ 【Java后端面试经历】我和阿里面试官的“又”一次“邂逅”(附问题详解) 1.奶牛快传:用户体验更好的网盘工具。 https://cowtransfer.com/ 最近开始使用的一款网盘工具，和百度网盘类似，不过没有下载速度的限制，并且可以支持自定义分享文件的下载次数（需要开会员）。 还有一点让我觉得比较舒服的是，你给别人分享文件，别人无需登录即可直接下载。 就传输速度和体验感来说，奶牛快传真的没话说。缺点也比较明显，免费用户的容量容量只有 5 g并且单次传输上限是 2g，所以，可能需要付费才能更好的使用。 2.docsmall:压缩工具 https://docsmall.com/ 我经常用来压缩图片、GIF、PDF，你们平时看到我放的 Gif 图片都是在这里压缩过一波的。 并且，还支持PDF合并和分割。不得不说这个网站做的简直不要太美观，体验感和好感 Max!!! 3.创客贴:平面设计作图神器 https://www.chuangkit.com/ 我的公众号首页封面图就是通过这个网站制作的。通过这个网站你可以制作好看的海报、简历

一、描述 技术人员一般需要具备一定得画图能力，特别是架构师，需要画各种图：除了让架构更清晰，方便给别人讲解，也是装逼神器~ 1.1 ProcessOn 之前都是在 ProcessOn 上画流程图， 绘制流程图页面 但是免费版本 只能有9张文件保存，多了就得删掉旧的，或者升级为个人版或者团队版。 1.2 draw.io 英文原版地址： https://www.draw.io/ 英文界面如下： 中文地址： https://www.draw.io/?lang=zh 中文界面如下： 选择要绘制的类型 绘制流程图界面如下 具体介绍可以参考下面的链接来学习： Draw.io–自认为最好用的流程图绘制软件】 https://www.cnblogs.com/guohu/p/12856107.html https://github.com/jgraph/drawio 【Draw.io:你还在用visio？】 二、vscode-drawio 2.1 效果 好了，上面介绍的就是网页版本的画流程图的工具啦，今天推荐的是一款 VSCode 插件！没错，在 VSCode 中画图。它就是 vscode-drawio，即将 draw.io 集成进 VSCode 中。 是的，在不久前，一位来自德国前端工程师 Henning Dieterichs 成功将 draw.io 的功能集成进了 VSCode

简介： 软件工程也是工程，因此传统工程制图的一些基本理论，在软件行业同样适用。但另一方面，软件与实体制造业之间还是有着本质区别，所以在制图方面的需求和方式也大相径庭，无法直接套用。作为软件行业的从业者，你可以完全不懂工程制图，但你不得不懂架构制图 —— 这是任何程序员职业生涯的的必修课。 作者 | 楚衡 前言 “架构制图”这词乍一听似乎有些晦涩，但如果提起“工程制图”，相信绝大部分工科背景的程序员们都不会陌生，甚至还能共同感慨下那些年一起伏在宿舍左手圆规，右手直尺，徒手作图到深夜的日子。 软件工程也是工程 ，因此传统工程制图的一些基本理论，在软件行业同样适用。但另一方面，软件与实体制造业之间还是有着本质区别，所以在制图方面的需求和方式也大相径庭，无法直接套用。作为软件行业的从业者，你可以完全不懂工程制图，但你不得不懂架构制图 —— 这是任何程序员职业生涯的的必修课。 本文在后半段将介绍如何用图去 描述 （describe）和 传达 （communicate）你的架构设计。值得强调的是，本文并不会侧重于单一的方法和工具，而是更希望关注那些优秀方法背后的通用方法论，即架构制图的 本质 、 共性 和 最佳实践 。希望本文能起到引子作用，激发大家对自己日常工作中关于架构和制图部分的关注、审视与思考；如果还真能帮助大家提升一点点制图效率和效果，那就更好不过了。 什么是软件架构？ 1.