![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端
文章平均质量分 92
hockor71
just for U~
展开
-
如何画好流程图
你好,我是 hockor,在上一篇文章中我们讲了如何画好架构图,作为一个程序员,在工作中我们还会接触到很多的流程图,所以这一次我们就来聊聊工作中常见的流程图的绘制,帮助你更好的看懂和绘制流程图。什么是流程图流程图 = 流程 + 图。它是以特定的图形符号加上说明,表示算法的图,通常是用来表示流经一个系统的信息流、观点流或部件流的图形代表,流程图通常以不同类型的框代表不同种类的步骤,每两个步骤之间则以箭头连接。流程图的核心就在于如何排布事物进行的次序,不同的顺序可能造成截然不...原创 2022-04-06 17:39:24 · 6135 阅读 · 0 评论 -
如何画好架构图
你好,我是 hockor,作为软件开发者,我们在工作中难免要画很多的架构图,但是很多人对于如何去画架构图其实是很模糊的,有那么多种类型的图,我们究竟该选哪个,用应该怎么画呢?今天我们一起来看看这个问题。什么是架构图在谈什么是架构图之前,我们先来聊聊什么是架构。软件架构指的是软件系统的顶层设计(Rank),它定义了系统由哪些角色(Role)组成,角色之间的关系(Relation)和运作规则(Rule),如下图所示。再回到我们的问题,到底什么是架构图,从字面意思上来讲,架构图 = 架构 + 图,它是.原创 2022-04-02 14:18:46 · 5181 阅读 · 0 评论 -
Web Components - Lifecycle & CSS
背景在我们常用的 Vue、React 中,组件除了可以定义展示内容以外,还有一个很重要的点就是组件是有生命周期的,我们可以监听到组件的创建、销毁、属性变化,对于这一些我们 web components 是否也支持,答案是肯定的,今天我们来看看 web components 中的生命周期。生命周期在 web components 中,主要包含了以下 4 个回调函数,它们将会在元素的不同生命时期被调用:connectedCallback:当 custom element首次被插入文档DOM时,被调用。原创 2022-02-17 23:44:09 · 407 阅读 · 0 评论 -
Web Components - 基础篇
背景Web Components 是什么?顾名思义,就是“网页组件”,我们先来看看MDN 上是怎么描述的:Web Components 是一组 web 平台的技术API ,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的web 应用中使用它们。从 MDN描述上来看,Web Components有以下几个关键词:技术 API,可重用、定制。接下来我们详细了解下这项技术对我们前端开发有什么好的改进。在目前大前端的开发背景下,React、Vue、Angular 等都支持组件化的原创 2022-02-16 22:41:41 · 905 阅读 · 0 评论