程序员必备图
程序员必备画图技能之——时序图
程序员必备画图技能之——时序图什么是时序图时序图(Sequence Diagram)，⼜名序列图、循序图，是⼀种UML交互图。
它通过描述对象之间发送消息的时间顺序显⽰多个对象之间的动态协作。
使⽤场景时序图的使⽤场景⾮常⼴泛，⼏乎各⾏各业都可以使⽤。
当然，作为⼀个软件⼯作者，我这边主要列举和软件开发有关的场景。
1. 梳理业务流程⼀般的软件开发都是为了⽀撑某个具体的业务。
有时候业务的流程会⽐较复杂，涉及到多种⾓⾊，这时就可以使⽤时序图来梳理这个业务逻辑。
这样会使业务看起来⾮常清晰，代码写起来也是⽔到渠成的事情了。
2. 梳理开源软件作为⼀个合格的程序员，阅读源代码的能⼒⼀定要过关。
⼀般成熟框架的源代码调⽤深度都⽐较深，类之间的调⽤关系也⽐较复杂。
我喜欢⽤时序图来梳理框架中这些对象之间的关系。
⽐如再看Tomcat 启动流程的过程中，我就时序图梳理了各个组件之间的关系，看起来层次⾮常清楚，也便于记忆。
时序图的⾓⾊我们在画时序图时会涉及下⾯7种元素：⾓⾊(Actor)对象(Object)⽣命线(LifeLine)控制焦点(Activation)消息(Message)⾃关联消息组合⽚段。
其中前6种是⽐较常⽤和重要的元素，最后的组合⽚段元素不是很常⽤，但是⽐较复杂。
我们先介绍前6种元素，再单独介绍组合⽚段元素。
1. ⾓⾊(Actor)系统⾓⾊，可以是⼈或者其他系统和⼦系统。
以⼀个⼩⼈图标表⽰。
2. 对象(Object)对象位于时序图的顶部,以⼀个矩形表⽰。
对象的命名⽅式⼀般有三种：对象名和类名。
例如：华为⼿机:⼿机、loginServiceObject:LoginService；只显⽰类名，不显⽰对象，即为⼀个匿名类。
例如：:⼿机、:LoginSservice。
只显⽰对象名，不显⽰类名。
例如：华为⼿机:、loginServiceObject:。
3. ⽣命线(LifeLine)时序图中每个对象和底部中⼼都有⼀条垂直的虚线，这就是对象的⽣命线(对象的时间线)。
程序员必知的六种隔离技术
程序员必知的六种隔离技术节选自《Growth: 全栈增长工程师指南》为了将我们的应用部署到服务器上，我们需要为其配置一个运行环境。
从底层到顶层有这样的运行环境及容器：隔离硬件：虚拟机隔离操作系统：容器虚拟化隔离底层：Servlet 容器隔离依赖版本：虚拟环境隔离运行环境：语言虚拟机隔离语言：DSL 实现上这是一个请求的处理过程，个HTTP 请求会先到达你的主机。
如果你的主机上运行着多个虚拟机实例，那么请求就会来到这个虚拟机上。
又或者是如果你是在Docker 这类容器里运行你的程序的话，那么也会先到达Docker 。
随后这个请求就会交由HTTP 服务器来处理，如Apache 、Nginx ，这些HTTP 服务器再将这些请求交由对应的应用或脚本来处理。
随后将交由语言底层的指令来处理。
不同的环境有不同的选择，当然也可以结合在一起。
不过，从理论上来说在最外层还是应该有一个真机的，但是我想大家都有这个明确的概念，就不多解释了。
1 隔离硬件虚拟机在虚拟机技术出现之前，为了运行不同用户的应用程序，人们需要不同的物理机才能实现这样的需求。
对于Web 应用程序来说，有的用户的网站访问量少消耗的系统资源也少，有的用户的网站访问量大消耗的系统资源也多。
虽然有不同的服务器类型可以选择，然而对于多数的访问少的用户来说他们需要支付同样的费用。
这听上去相当的不合理，并且也浪费了大量的资源。
并且对于系统管理员来说，管理这些系统也不是一件容易的事。
在过去硬件技术革新特别快，让操作系统运行在不同的机器上也不是一件容易的事。
虚拟机(Virtual Machine) 指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统。
这是一个很有意思的技术，它可以让我们在一个主机上同时运行几个不同的操作系统。
我们可以为这几个操作系统使用不同的硬件，在这之上的应用可以使用不同的技术栈来运行，并且从理论上互相不影响。
其架构如下图所示：借助于虚拟机技术，当我们需要更多的资源的时候，创建一个新的虚拟机就行了。
流程图的各个图标详解
流程图的各个图标详解1、各司其职的形状在我的流程图中，适用于不同目的和功能的形状都有各自确定的规范。
到目前为止，我一共定义了以下一些形状：（1）开始和结束作为整张流程图的头和尾，必须标清楚到底具体指哪个页面，以免日后出现歧义。
（2）网页如你所见，网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形，它的边框为深蓝色，中间写明了这个网页的用途，括号中的数字代表这个形状所对应的demo文件的名称（比如这里是2.html），我有时会把流程图输出为网页的形式，并把每个网页形状和它所对应的demo文件链接起来，这样查看起来非常方便。
对OmniGraff le来说这是小菜一碟，如果你被迫用Visio，嗯……另外，所有从形状出来的线条，都具有和此形状边框一样的颜色。
这样的做法不仅看起来漂亮，在复杂的流程图中还能轻易地标明各形状的关系。
我没有见过类似的做法，所以这是由我首创也说不定，呵。
（3）后台判断很常见的一个形状。
我在用法上有一点和其他人的不同在于，我几乎总是让…是‟的分支往下流动，让…否‟的分支向右流动。
因为流程图一般都是从上向下、从左到右绘制的，遵循上述规则一方面可以让绘制者不用为选择方向操心，另一方面也方便了读者阅读。
（4）表单错误页既然有表单，当然会有错误信息。
其实这个信息很重要，用户出错时惶恐不安，就靠着错误提示来解决问题了。
你不在流程图里说什么时候显示错误页、不在demo里提供错误页，有些程序员会直接在网页上写个“错误，请检查”，所以UI设计师一定要对这个东西重视起来。
但一般来说也没必要把每种错误都在流程图中表示出来，因为含有两个文本框的表单就有三种出错情况了，多了就更不用说了。
所以我都是把错误页变为表单的附属页，比如表单页的编号为2，那么此表单错误页的编号就从2.1开始排下去，每种错误放到一个附属页中，这样程序员在拿到demo时也能搞清楚什么意思。
结合网页和表单的形状，一个表单验证的流程图就是这样的：（5）后台动作并非所有后台动作都绘入流程图中（否则流程图就会变成庞然大物了），只有需要特别强调的后台动作（和用户体验直接相关的）才使用此形状。
程序员画流程使用的软件
程序员画流程使用的软件简介在软件开发过程中，程序员常常需要绘制流程图来描述程序的执行流程、逻辑和结构。
为了提高效率和准确性，程序员需要使用一款专门的软件来进行流程图的绘制。
本文将介绍几款常用的程序员流程图绘制软件，帮助程序员选择适合自己的工具。
1. Microsoft VisioMicrosoft Visio 是一款强大的图形绘制软件，广泛应用于流程图、组织结构图、网络拓扑图等领域。
对于程序员而言，Visio 提供了丰富的流程图形状和模板，可以满足各种流程图的绘制需求。
以下是 Visio 的主要特点：•丰富的图形库：Visio 提供了大量的图形库，涵盖了各种流程图元素，程序员可以根据自己的需求选择合适的图形进行绘制。
•智能连接：Visio 具有智能连接功能，可以自动帮助程序员连接图形之间的箭头和线条，简化绘图过程。
•可扩展性：Visio 可以通过添加第三方插件进行扩展，提供更多的功能和图形库供程序员使用。
2. LucidchartLucidchart 是一款基于云的在线流程图绘制工具，具有易用性和协作性。
以下是 Lucidchart 的主要特点：•云端协作：Lucidchart 可以与他人实时协作，多人可以同时编辑和查看同一个流程图，方便团队间的合作。
•自动布局：Lucidchart 可以根据程序员绘制的流程图自动调整图形的位置和布局，使得流程图更加整齐美观。
•可视化输出：Lucidchart 可以将绘制好的流程图导出为多种格式，如PDF、PNG等，方便程序员将流程图嵌入到文档、报告中。
3. draw.iodraw.io 是一款免费的在线图形绘制工具，支持流程图、组织结构图、UML图等多种图形类型。
以下是 draw.io 的主要特点：•简单易用：draw.io 拥有简洁的界面和直观的操作方式，即使是新手程序员也能够快速上手。
•图形库丰富：draw.io 提供了丰富的图形库，可以满足程序员的各种流程图绘制需求。
不会做图的程序员不是好程序员，这11个超好用网站让你设计做图能力爆棚！
不会做图的程序员不是好程序员，这11个超好⽤⽹站让你设计做图能⼒爆棚！不知⼤家发现没有，明明是同样的代码，但是所⽤的素材不同，呈现出来的感觉也不同。
⼩编就注意到很多⽹站推送的⼴告，譬如同样是⾓⾊打⽃，我在⽹站上看到的是这样的：⽽我们程序员做出来的打⽃特效是这样的：从这⾥来看，素材决定了游戏的质量和美观程度。
刚刚学习编程，会有很多⼩伙伴会在⼀些博客号分享⾃⼰的经验，制作的项⽬等等，以此来吸粉，这个时候我们呈现的效果就要⾼⼤上，这个时候选择的素材就尤为重要了。
每个⼈在平时都免不了要⾯对处理图⽚的问题，不管是基础的压缩⼤⼩、转换格式，还是更⾼阶的抠图或者图⽚美化。
但是对于不精通PS 的⼈来说，往往要借助⼀些第三⽅软件来实现这些效果。
要安装的软件太多，⼿机和电脑内存都快不够⽤了，今天就给⼤家推荐13款在线处理图⽚的⽹站，即⽤即⾛⾮常⽅便。
抠图Remove⾸先要和⼤家分享⼀下我的⼼头好，Remove，在我做图的时候它帮我节省了很多抠图的时间。
▲右边使⽤Remove⼀键抠图Remove是⼀个能够免费⾃动抠图的⽹站，选择本地图⽚或者粘贴图⽚URL，就能在5秒钟左右获得⼀张⽆背景的图⽚。
▲这张效果还挺好吧？如果某些复杂的照⽚细节处理不好，还可以⼿动进⾏⼆次编辑，不仅能够擦除或还原，还能够⼀键更换背景，⼗分省⼼。
图⽚压缩PicdietPicdiet是⼀个图⽚压缩⽹站，能够在尽量不降低质量的情况下，压缩图⽚⼤⼩。
使⽤时不仅可以选择压缩⽐例，还能够同时压缩多张图⽚。
但需要注意的是，Picdiet仅⽀持jpg和jpeg格式。
SquooshSquoosh是Google推出的⼀个在线图⽚压缩⼯具。
Squoosh⽀持JPG、PNG和WebP格式，并且可以在Chrome以外的浏览器上使⽤。
选择⼀张图⽚，就可以对它进⾏压缩。
Squoosh⽤实时对⽐来展⽰压缩效果，你可以左右拖动滑块来⽐较，在图像质量和⼤⼩之间做取舍。
左边是原图，右边是压缩后的图⽚，下⾯提供多种压缩选项。
Offer来了：Java面试核心知识点精讲(框架篇)
3 2.3 Spring
Cloud Eureka
4 2.4 Spring
Cloud Consul
5
2.5 Spring Cloud Feign
2.7 Spring Cloud Zuul
2.6 Spring Cloud Hystrink的 应用
作者介绍
这是《Offer来了：Java面试核心知识点精讲（框架篇）》的读书笔记模板，暂无该书作者的介绍。
谢谢观看
读书笔记
我不清楚作者是为了凑篇幅还是什么，API相关的内容居多，原理性的东西不足。
- spring:原理/应用 IoC AOP MVC事务 MyBatis缓存 - spring cloud:原理/应用 boot config eureka consul hystrix zuul链路监控 - netty:原理/应用 - zk:原理/应用选举机制数据模型应用场景 - kafka:原 理/应用组成数据存储设计生产者并发设计 - Hadoop:原理/应用 HDFS MapReduce YARN - HBase:原理/应用列 式存储架构组成数据读写流程 - Cassandra:原理/应用数据模型 Gossip协议 NWR理论一致性hash副本策略/读 写机制 - ES:原理/应用数据模型分布式架构数据读写原理段合并 - spark:原理/应用特点模块组成运行机制 RDD/Streaming/SQL/DataFrame/DataSet - Flink:原理/应用核心概念架构事件驱动模型数据分析应用基于状 态的内存计算。
Offer来了：Java面试核心知识点精 讲（框架篇）
读书笔记模板
01 思维导图
03 读书笔记 05 目录分析
目录
软件工程9种图
3.关联关系（Association）
【概念】表示一个事物的对象与另一个事物的对象之间的语义上连接， 简单的理解为两个类或类与接口之间的强依赖关系
【绘图方式】实线箭头，双向箭头或无箭头 【包括】 1 聚集 【概念】描述的是部分与整体关系，描述了“has a”的关系，部分离 开整体可以单独存在 【绘图方式】空菱形的实线，头部指向整体
【实现关系图】
泛化和实现关系的区别： 泛化关系是指同一语义层的元素连接起来， 通常在同一模型内； 实现关系将不同语义层内的元素连接起来，通常在不同模型内。
UML 的视图
相信大家都知道 UML 的全称，统一建模语言（UML 是 Unified Modeling Language 的缩写） 是用来对软件系统进行可视化建模的一种 语言。UML 为面向对象开发系统的产品进行说明、可视化、和编制文 档的一种标准语言。 我想问大家两个问题: 一、什么是模型？模型是对现实世界的形状或状态的抽象模拟和简 化。 二、为什么要建模？最简单的理由：为了能够更好地理解正在开发
UML 的9种图
上文我们介绍了， UML 的视图， 在每一种视图中都包含一个或多种图。 本文我们重点讲解 UML 每种图的细节问题：
1、用例图（use case diagrams）
【概念】描述用户需求，从用户的角度描述系统的功能 【描述方式】椭圆表示某个用例；人形符号表示角色 【目的】帮组开发团队以一种可视化的方式理解系统的功能需求 【用例图】
【依赖图】
2,泛化关系（继承） （Generalization）
【概念】描述类的一般和具体之间的关系，描述的“is a kind of ”的关 系 【绘图方式】实线空心三角箭头，箭头指向父类 【继承方式】
前端学习路线图--微信小程序
前端学习路线图--微信小程序黑马程序员的前端学习路线图大纲中第六阶段的学习是微信小程序的学习：主要介绍了前端学习路线图的微信小程序的学习目标，前端学习路线图的微信小程序的市场价值，前端学习路线图的微信小程序的重点知识。
前端学习路线图中的微信小程序学习视频可以在黑马程序员视频库中找到：前端学习路线图中微信小程序的技术要点：小程序基础；小程序项目：黑马优购商城。
小程序基础1、小程序注册2、小程序开发者工具使用教程3、小程序配置文件4、小程序常用组件5、小程序的模板语法6、小程序中的样式编写7、小程序中的JavaScript8、小程序应用及页的生命周期9、小程序常用API10、小程序中的自定组件11、小程序插件开发12、小程序分包加载13、小程序基础库版及兼容处理14、小程序运行机制15、小程序性能分析及优化16、小程序云开发、云函数、云数据库17、小程序上线和发布黑马程序员视频库网址：（海量热门编程视频、资料免费学习）学习路线图、学习大纲、各阶段知识点、资料网盘免费领取+QQ 1679806262 小程序项目：黑马优购商城1、原生框架的搭建2、商品首页模块3、分类商品模块4、商品列表模块5、商品详情模块6、支付和登录模块7、收藏模块8、购物车模块9、订单模块10、搜索页面模块11、个人中心模块12、意见反馈模块13、项目的优化和发布上线黑马程序员视频库网址：（海量热门编程视频、资料免费学习）学习路线图、学习大纲、各阶段知识点、资料网盘免费领取+QQ 1679806262。