前言 平时绘图都是通过drawio或者processon等在线绘图工具来进行,今天看到一款开源的绘图工具excalidraw,被它的个性化所吸引,界面很简洁,上手也很快,最重要的是,它里面图形的边框或者线条绘制出来的效果会给人一种用手画出来的感觉...excalidraw (37.7K的star还是非常不错的) 目前官方提供的默认的图形素材不多,可以通过浏览素材库后去下载 素材扩展 可以去素材库中下载素材导入进来 导出保存 后续会更多的利用这款工具类进行个性图的绘制
,工具还反复横跳; 很多工作文档中的配图,混合乱搭的风格特别明显; 所以,关于画图和工具选择; 两句话能说明白; 【1】示意清楚的都是「好图」; 【2】免费,够用,支持云存储,都是好的画图「工具」; 至于其它方面...; 当然; 如果审美够好,时间够多,也可以卷一卷自个的画图水平; 下面来聊聊这几年画图的经验积累和工具实践; 02 首先来聊一聊工具; 工欲善其事,必先利其器,好用的工具「真的」很多; 至于哪款最顺手得自己折腾折腾才知道...,参考各种示意大图是最佳选择; 在新人入职时; 会了解公司的「组织架构图」,研发团队的「系统架构图」,产品层面的「业务体系图」等等; 在实际的开发过程中; 经常用到的流程图,时序图,类图,数据库模型图等等...; 至于画图工具,上面推荐的几款都好用; 个人习惯复杂的大图使用draw.io,博客内容使用语雀-画板,工作时常用Markdown语法,类图用编程工具自带的即可; 【编程进阶导图】 工作这几年,主动或者被动学习的技术栈...; 07 在工作中,遇见过用ppt和word画架构图的大佬级操作,其效果不输其他工具; 所以,工具不是问题,画图应该也不是问题; 核心能力在于对复杂问题的理解,是否足够的全面和深入,当然在理解的过程中可能需要很多草图的辅助
画图工具 figma,我和同事在用的画图工具,色彩丰富,组件丰富,简单熟悉以后很好使。...processon,专业强大的作图工具,支持多人实时在线协作,可用于原型图、UML、BPMN、网络拓扑图等多种图形绘制。...(我选择放弃) planttext,uml图推荐(也可以做思维导图,甘特图) flowchart.js,uml图推荐(也可以做思维导图,甘特图)
一、推荐工具 1.processon 在线画图,类型丰富 www.processon.com 2.StarUML staruml.io 破解方法 StarUML 3.0.2 (Crack...+ Keygen) StarUML 3.0 破解方法 绕过StarUML3 正版验证,去除水印 StarUML破解使用 StarUML Free License 二、可用工具 三、参考资料 十二个开源...UML工具
以前人们如果想要画画的话,必须要有画笔和画板的,而如今随着互联网行业的发展,在电脑或者手机等设备上面也可以画画了,不过画画需要使用一些工具,比如一般电脑系统中自带的画图工具,画图工具的使用方式非常简单,...那么画图工具有哪些功能?画图工具可以打开的文件类型有哪些?下面小编就为大家来详细介绍一下。 image.png 一、画图工具有哪些功能? 画图工具的功能是比较强大的,那么具体有哪些功能呢?...画图工具的功能基本分为对于图片的图像方面的处理以及尺寸的处理,画图工具可以对多种图像进行基本的处理,比如图像的部分模糊或者图像的色彩添加等等;画图工具还可以对图像进行剪裁、调整大小,以及拉伸或者扭曲等等基础功能...二、画图工具可以打开的文件类型有哪些? 一般的画图工具都是可以打开多种文件的,那么具体可以打开什么文件类型呢?...关于画图工具的文章内容今天就介绍到这里,相信大家对于画图工具已经有所了解了,一般来说电脑自带的画图工具功能就比较强大了,不过大家如果有更多需求的话可以去网上下载一些新出的画图工具,功能也会更加地全面。
序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。...这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon[1]、draw.io[2]、excalidraw[3]、archimatetool[4]、cloudcraft.co...plantuml.com/zh/sequence-diagram C4 主要有C4-PlantUML[14]及C4-Builder[15] Context Mapper[16] 这个应该是DDD爱好者最喜欢的工具...[29] •别再问我们用什么画图的了!...https://mp.weixin.qq.com/s/2HjvNnfP7bLNQF5xh8PxIQ [30] 别再问我们用什么画图的了!
它是一个基于 JavaScript 的图表绘制和图表工具,可呈现受 Markdown 启发的文本定义,以动态创建和修改图表。...e=>end st->op->cond cond(yes)->e cond(no)->op 图片 参考连接 [Theming (mermaid-js.github.io) https:...//github.com/mermaid-js/mermaid
t.loadEventEnd - t.navigationStart).toFixed(0)) if(t = performance.memory){ console.log('js
随着时间的前进,科学的进步,html也从最开始的网页设计发展到了现在的前端开发。现在给大家介绍几款目前市面上最好用的前端开发工具,希望能对大家的工作学习有帮助。...内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言(例如 C++、C#、Java、Python、PHP、Go)和运行时(例如 .NET 和 Unity)提供了丰富的扩展生态系统...5、Dreamweaver 下载地址:https://www.adobe.com/products/dreamweaver.html 功能介绍:一款响应式的古老编辑器,由Adobe公司开发,适用于 Windows
前言 日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率。...复制代码 使用: downloadFile('/api/download', {id}, '文件名') 复制代码 17、时间操作 关于时间操作,没必要自己再写一大串代码了,强烈推荐使用 day.js...[2] Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库,下载、解析和执行的JavaScript更少,为代码留下更多的时间。
JS开发者,无论是前端,还是后端,都经常会用到JS代码保护。 众所周知,圈内有一个非常有名的网站:JShaman.com 这个网站是专注于JS代码安全领域的。主要功能是JS混淆加密。...还有JS压缩、Html加密等等。 网站有商业功能,也有免费功能。 今天,就盘点一下该网站的免费功能,是很多JS开发者都用的到的。...加密功能界面上,有一排链接,提供的是许多其它免费功能: 2、JS加密:U加密 这是JShaman开源的JS加密工具,开源地址: https://github.com/w2sft/ujiami 在线使用...加密工具,将JS代码单词分割并储到数组中,使代码全部成为密文状态显示,执行时由eval调用,解密、重新编码。...TS代码转JS代码、Html压缩等等工具,其中大部分是JS代码安全相,也有其它开发常用辅助功能。
一、为什么要告别画图型产品经理?...随后在这三个清单的基础上,将需求进行汇总并根据现有的开发资源进行系统开发,这才是每个季度起始产品人最应该做的。 但是就是这么简单的道理,很多产品同学却在自己的工作中从来没有意识到要去做这些内容?...二、如何告别画图型产品经理 如果现在的你恰巧也是这样的一个状态,也想脱离这种现状,那么你需要先仔细分析现状背后的成因是什么。...其实你可以用如下的一个简单公式来判断当下做的努力是不是经验积累: 产品经验 = 日常工作可复用沉淀 + 节省工作时间工具 所以讲到这我们应该就明白了,造成绝大多数的同学都停留在画图型产品经理的核心原因,...流程等) 绘制产品方案 设计产品原型(按产品进行分组存储) 提取共用组件(搜索/banner条) 提取公共页面(登陆注册页/权限设置页) 将5,6步内容沉淀至个人资源库 举个例子来说,以我现在用的一个工具摹客
Typora工具之画图 + 流程图(flowchart ) 1)TB 图片 代码: flowchart TB c1 -->a2 subgraph one a1-->a2
Origin软件提供了许多强大的数据处理工具,例如数据筛选、数据排序、数据透视表等。这些工具可以帮助用户快速有效地处理各种类型的数据,从而得出准确的结论。...在数据分析方面,Origin软件提供了许多强大的分析工具,例如统计分析、回归分析、数据拟合等。这些工具可以帮助用户分析数据,发现数据之间的关系,从而得出更加准确的结论。
产品经理每天接触到的工具是在是太多了,平时要接触到的原型图也是各式各样的。不过熊先生最近发现很多同学在用画图工具来画原型,这样确实可以,但是,真的合适么?...首先我们来看现在比较常见的几种画图工具: 1. PS 2. Sketch 3. Fireworks 4. OmniGraffle ?...每个工具的使用都有其对应的场景,简单的说,就是这些工具的设计者和开发者希望他们的工具是做什么用的。 PS:Image editing and compositing....它们是优秀的画图工具,但是不值得用它们来抠一个线框图。 你可能会问我,我就是想要用这四款工具做一个线框图,行不行?肯定行!但是你要是你要是问我值不值?这可就难说了。...线框图更多的是用于设计的前期阶段,作为与开发沟通的一种方式存在。使用这些画图工具做出来的线框图只是为了和开发沟通,未免有些太追求效果了。
Mockjs是个能够拦截页面ajax请求并模拟返回数据的小工具,借助Mockjs,前端开发中在后台测试接口还没有给的时候就可以自己拦截请求模拟数据进行愉快的开发了,所以只要制定好了协议,前后端分离开发的成本可以降到基本为...0,也不需要联调工具了 2,Mockjs主要功能 基于数据模板生成模拟数据 基于html模板申城模拟数据 拦截并模拟ajax请求 ??...forenames); } return surname + forename; } 好吧,看完也是服了作者了~ 3.使用实例 用起来也很简单 js..."> js"> Mock.mock('....function(msg){ console.log(msg); } }); 当然,mock也支持require,sea,cmd方式引用,整体上是一个非常轻量实用的工具
什么是Mockjs http://mockjs.com/ Mockjs是个能够拦截页面ajax请求并模拟返回数据的小工具,借助Mockjs,前端开发中在后台测试接口还没有给的时候就可以自己拦截请求模拟数据进行愉快的开发了...,所以只要制定好了协议,前后端分离开发的成本可以降到基本为0,也不需要联调工具了 2,Mockjs主要功能 基于数据模板生成模拟数据 基于html模板申城模拟数据 拦截并模拟ajax请求 当然mock...forenames); } return surname + forename; } 好吧,看完也是服了作者了~ 3.使用实例 用起来也很简单 js..."> js"> Mock.mock('....function(msg){ console.log(msg); } }); 当然,mock也支持require,sea,cmd方式引用,整体上是一个非常轻量实用的工具
写文章几个月,看到不少大佬画出很多优秀的图,今天将这些工具给总结下,分享给大家。...我们都希望可以白嫖,画图工具要好用,免费,跨平台,甚至都不想登录,而且还需要可以生成多种格式(png,jpg,svg)等,如果还能和其他工具集成(vscode),秉持暖蓝作风,介绍的第一款工具可以满足上述所说需求...[盘它] 1 draw.io 说到这个工具,几个月前导师突然问我用的啥工具画图,盘它,然后然后画图任务就来了,可是确实还是很菜,但是工具确实强大 安利原因 在线工具(也可以下载客户端),直接使用,免费,...使用drawio edit打开即可操作 [8919de6a-a010-4c9d-b4f7-52cb1c55dbf3.gif] 同时可以通过修改XML的方式批量修改图形格式 2 processon 老牌工具...其实它也是优秀的流程图工具。
最近有读者私信我,问我平时写文章的配图是用什么工具画的,很好看,也想学习一下。...今天就给大家介绍一下这款画图工具——Draw.io 概述 draw.io是一款免费的网页版画图工具(也有桌面版),支持流程图、UML图、架构图、原型图等,简单好用。...下面几张图都是用draw.io制作的: [mvcc11.png] 看起来效果还不错有木有~ 进入画图工具 我个人比较常用的是网页版,打开网址 https://app.diagrams.net/之后,会弹出来一个窗口...[image-20211230084521440.png] 主界面 主界面分为几个区域,菜单栏、工具栏、图形区、画布、绘图样式设置区。...[image-20211230234119380.png] 第一个是便笺本,可以存放自定义的图形,我们可以将外部的图形拖到这个区域,保存下来,后面就可以使用这些自定义图形进行画图。
一个良好的思维导图能系统概括项目工程的整体结构和开发的系统框架。...要想制作一个完美的流程图、思维导图离不开一个好用的画图工具,俗话说的好:“工欲善其事必先利其器”,今天给大家介绍一下平时工作中好用的几款在线画图工具。 ❞ 1....多种格式导入导出 可以云端存储,多人协作 在线链接地址:https://www.processon.com/ 2. draw.io ❝个人认为很好用的一款画图工具,而且工作中经常使用哦 ❞ 在线制作而且免费...Pixso ❝新一代设计协作工具 ❞ 实时协作让所有人聚焦同一个目标。...,快速提升产品核心价值 内置丰富社区资源,设计无需从0开始 在线链接:https://pixso.cn/app/recent/files/login 结束语 好了,介绍这几款画图软件希望对你有所帮助,
领取专属 10元无门槛券
手把手带您无忧上云