theme: channing-cyan web开发中,弹性盒子是必备的基本知识,我做了一张思维导图,方便你来使用它。...你可以收藏下来方便查找 弹性盒子主要可以分为俩类,一个是给父元素添加的,一个是给子元素添加的,下面我用文字来描述他们 给父元素 一共6种类型的弹性容器 flex-direction 设置子元素排序是行或者列...wrap; (相当于)flex-flow: column wrap;justify-content 沿弹性框的主轴灵活非配子元素 justify-content: flex-start 默认值 位于弹性盒子的开头...justify-content: flex-end 位于弹性盒子的末尾 justify-content: center 位于弹性盒子的中间 justify-content: space-between...位于各行之间留有空白的内容中 两边贴死 justify-content: space-around 位于各行之间、之内、之外留有的空白 两边不贴死align-items 沿着弹性盒子的十字轴进行定位
Linux下文件重命名、创建、删除、修改及保存文件 一、重命名(更名) linux 给文件改名的命令是mv命令 mv命令来为文件或目录改名或将文件由一个目录移入另一个目录中。...选择参数 当选择参数类型是文件时,mv命令完成文件重命名,它将所给的源文件或目录重命名为给定的目标文件名。...实例: 将文件test.txt重命名为wbk.txt: $ mv test.txt wbk.txt 二、新建文件夹及文件 进入到了home的文件夹 1如果要在那里建一个叫test的文件夹 输入
前言: 有时候我们会遇到重命名表的需求,比如说因业务变化,需要将表 a 重命名为表 b 。这个时候可以执行 RENAME TABLE 语句或 ALTER TABLE 语句来重命名表。...,我们可以通过将某个库的所有表都通过重命名转移的另一个库中,来间接实现重命名库,只是原库仍然存在。...RENAME TABLE 可以在单个语句中重命名多个表,ALTER TABLE 只能重命名一个。...虽然重命名操作快捷迅速,但实际生产场景中,对于表的重命名还是要慎重考虑,也许你的重命名操作没问题,但后续对象之间的依赖调用可能出现问题。...重命名操作需要获取元数据锁,执行前要确保无活跃事务占用。 通过重命名表,可以将一个表从一个数据库转移到另一个数据库中,间接实现重命名数据库。
关于绘图,我一般遵循这样的原则: 绘图前先充分理解这类图形,回答它是什么,具有哪些绘图规范,最后才是怎么画。 一、什么是E-R图?...三、E-R图的具体绘制流程 前面了解完E-R图的定义、组成元素以及绘制规范,我们这部分具体介绍E-R图的绘制步骤,大致可以分为以下5步: 1)确定所有的实体集合; 2)选择实体集应包含的属性; 3)确定实体集之间的联系...想感受这种绘图效率的小伙伴,可以免费下载体验▼▼▼ 亿图图示免费下载 ☜ E-R图绘制必备神器 edrawsoft.cn 除了操作简单高效,亿图图示软件还有很多强大的功能,比如: 模板一键替换 打开右侧工具栏...导出上,亿图图示支持的文件格式也非常多样,大部分流程图软件不支持的PS、Word、Excel、PPT等格式,通过亿图图示同样可以导出。当然,Visio格式同样支持导出。...个人云文档 亿图图示最新版还打通了电脑版与在线版,增加了个人云功能。只需登陆同一个账号,两个平台即可实时同步更新文件。不管你怎么更换电脑,都不用担心软件不兼容或文件丢失的问题。
关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和所有开发全盘拉通,不然一切都是空谈。...二、所有命名全部为小写英文字母 这一点的理由很简单,我们的目标是让开发直接拿我们的切图进行使用,不能够随意修改名称,但是我们要知道,开发哥哥的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的...三、命名格式 众所周知,一个大型项目会分很多模块,每个模块由不同的设计师来独立完成,还有人会专门管理公共的组件,如tabbar、navbar等等,这种情况下就会分为两种切图,一种是通用类型的切图,还有一种就是各个模块特有的切图...通用切片命名格式: 组件_类别_功能_状态@2x.png 举例:tabbar_icon_home_default@2x.png (对应中文:标签栏_图标_主页_默认@2x.png) 模块特有切图命名规则...至于怎么缩写,只要整个团队能够达成共识并且输出一份缩写清单,任何缩写规则都是可以的。
管理数据 使用 transform 进行数据转换第一部分 使用 transform 进行数据转换第二部分 在图表中加入交互组件 移动端自适应 数据的视觉映射 ECharts 中的事件和行为 动态排序柱状图...小例子:自己实现拖拽 小例子:实现日历图 旭日图 自定义系列 富文本标签 服务端渲染 使用 Canvas 或者 SVG 渲染 地理坐标系和地图系列的 SVG 底图 在图表中支持无障碍访问 使用 ECharts...GL 实现基础的三维可视化 在微信小程序中使用 ECharts 旭日图(Sunburst)由多层的环形图组成,在数据结构上,内圈是外圈的父节点。...引入相关文件 旭日图是 Apache EChartsTM 4.0 新增的图表类型,从 CDN 引入完整版的 echarts.min.js 最简单的旭日图 创建旭日图需要在 series 配置项中声明类型为...数据下钻 旭日图默认支持数据下钻,也就是说,当点击了扇形块之后,将以该扇形块的数据作为根节点,便于进一步了解该数据的细节。
在“目标文件”框中,点击“选择”按钮,选择保存命名后新文件的目录。 在“更名规则”框中,选择所需的命名规则。 在“新文件的目录结构”框中,根据需要选择新文件的目录组织形式。...因此希望能够对文件进行重命名,命名规则为mk-nn-mm.jpg,其中nn为话数,mm为话中的页序号,序号只有一位数时前面补0。 步骤: 1....附录 版本更新记录 v1.39 错误修正:在选择“用目录名为前缀”选项后,只有第一个文件能够正确重命名。 v1.38 新增功能:“分隔字符”,可以指定在前缀和数字之间的分隔符。
# 切图命名英文缩写三个原则: 1 较短的单词可通过去掉“元音”形成缩写 2 较长的单词可取单词的头几个字母形成缩写 3 此外还有一些约定成俗的英文单词缩写....第一部分:iOS APP界面设计切图命名规范 ?...以上切图命名规范信息图来源:http://www.zhangruisheng.com/post/e5517_260065b 感谢张瑞生的无私分享。 第二部分:手机APP切图文件整理和技巧分享 ?...1.java代码中不出现中文,最多注释中可以出现中文 2.局部变量命名、静态成员变量命名 只能包含字母,单词首字母除第一个外,都为大写,其他字母都为小写 3.常量命名 只能包含字母和_,字母全部大写,单词之间用
Java采用长命名的方式来规范类的命名,能够自己表达它的主要意图。配合高级的IDE,可以减少编码人员的记忆负担,靠模糊的匹配就能找到自己所需要的资源。...为了让大家更好的理解命名的套路,我借鉴了最流行的Java接开源软件(spring系列,netty,libgdx,guava,logback等等),总结了10类常见的类命名。...如果你不知道一些顺序类的代码怎么命名,就可以使用它,显得高大上一些。...CRUD命名 这个就有意思多了,统一的Controller,Service,Repository,没什么好说的。但你一旦用了DDD,那就得按照DDD那一套的命名来。...CodeGenerator CipherKeyGenerator End 写代码,看源码,怎么少得了意会和神通?代码要带感,命名也风骚。命名起的好,代码会看起来很爽,大家也都喜欢。
PS切片工具切出来的切图可怎么导出网页?PS切图怎么生成源代码?...下面来看看PS切图导出网页和生成源代码的图文教程。...所有格式 6、然后保存为PNG-24并点击保存 7、保存的格式 为HTML与图像并点击保存 8、在桌面上找到对应的保存文件并打开 9、保存之后再将此保存的打开就可以看到下链接的地址了 PS切图怎么生成源代码...PS文字切片怎么制作导航条 1、首先打开PS软件,新建一个长1024像素X50像素的导航条,再用着色按钮涂上你喜欢的颜色,如图所示: 2、然后,进一步美化一下导航条。...以上就是PS切图导出网址和生成源代码的图文教程。PS切片导出网址和源代码全靠编辑切片的URL和存储图像格式。PS切图需要网址和源代码,还需要切图是在网页上切出来的。
计算图中的节点和边直接可视化,它会根据每个 Tensorflow 计算节点的命名空间来整理可视化得到效果图,使得神经网络的整体结构不会被过多的细节所淹没。...在 Tensorboard 的默认视图中,Tensorflow 计算图中同一个命名空间下的所有节点会被缩略为一个节点,而顶层命名空间的节点才会被显示在 Tensorboard 可视化效果图中。...除了手动的通过 TensorFlow 中的命名空间来调整 TensorBoard 的可视化效果图,TensorBoard 也会智能地调整可视化效果图上的节点.TensorFlow 中部分计算节点会有比较多的依赖关系...,如果全部画在一张图上会便可视化得到的效果图非常拥挤.于是 TensorBoard 将 TensorFlow 计算图分成了主图(Main Graph)和辅助图(Auxiliary nodes)两个部分来呈现...注意 TensorBoard 不会保存用户对计算图可视化结果的手工修改,页面刷新之后计算图可视化结果又会回到最初的样子。 ? ?
本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 相信写css的人都会遇到下面的问题: 糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点...要不重新再命名个class吧,比较保险。最后如果没问题则表示还好比较机智,怎么说哥也是混过的,还是有几斤几两的;如果有问题则表示防不慎防啊,这也太太太坑了吧。...完全无章程,规律可循,想怎么写就怎么写,写到哪里是哪里。....m-login .m-breadcrumb .m-slide 这种命名方式在一定程度解决了混乱不堪的问题,所有的按照职能划分看起来很美好,不过动不动加个前缀确实不怎么优雅,再者随着mod的增加,这个以...现在问题来了,如果其他地方也要用到这些关键词怎么办?
也可以使用XMind软件制作思维导图,但是开始时仍然不用在乎美观。 用思维导图可以做什么呢?...读书笔记,不论是每周一本书还是每月一本书,都可以在读书之后制作思维导图,对书的内容透彻的理解将使这本书真正被我们读过。 复习知识,不论是为了考试还是总结自己的知识框架,思维导图都是很好的帮手。...在制作思维导图时只要顺时针展开就好,但是一定要使用最简化的文字,如果能够画出简图就更好了,越是简单的东西越容易被我们记住。
相信写css的人都会遇到下面的问题: 糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点......要不重新再命名个class吧,比较保险。最后如果没问题则表示还好比较机智,怎么说哥也是混过的,还是有几斤几两的;如果有问题则表示防不慎防啊,这也太太太坑了吧。...完全无章程,规律可循,想怎么写就怎么写,写到哪里是哪里。...这种命名方式在一定程度解决了混乱不堪的问题,所有的按照职能划分看起来很美好,不过动不动加个前缀确实不怎么优雅,再者随着mod的增加,这个以m开头的前缀根本就不够用,于是又乱了,有加二级前缀的,也有另起前缀的...现在问题来了,如果其他地方也要用到这些关键词怎么办?
相信写css的人都会遇到下面的问题: 糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点......要不重新再命名个class吧,比较保险。最后如果没问题则表示还好比较机智,怎么说哥也是混过的,还是有几斤几两的;如果有问题则表示防不慎防啊,这也太太太坑了吧。...完全无章程,规律可循,想怎么写就怎么写,写到哪里是哪里。....m-login .m-breadcrumb .m-slide 这种命名方式在一定程度解决了混乱不堪的问题,所有的按照职能划分看起来很美好,不过动不动加个前缀确实不怎么优雅,再者随着mod的增加,这个以...现在问题来了,如果其他地方也要用到这些关键词怎么办?
几种常用的黑盒测试方法和黑盒测试工具有,等价类划分法、边界值分析法、因果图法、决策表法。在实际运用中要选择合适的方法。...二、 因果图法:等价类划分法和边界值分析方法都是着重考虑输入条件,如果程序输入之间没有什么联系,采用等价类划分和边界值分析是一种比较有效的方法。...因果图法着重测试规格说明中的输入与输出间的依赖关系。...1、 因果图的符号的关系 以下是符号的具体说明: 原因→结果 原因→原因 结果→结果 2、因果图法测试用例的设计步骤 (1)确定软件规格(需求)中的原因和结果 (2)确定原因和结果之间的逻辑关系...(3)确定因果图中的各个约束(constraints) (4)画出因果图并转换为决策表 (5)根据决策表设计测试用例 三、实例分析 产品说明书:有一个处理单价为1元5角钱的盒装饮料的自动售货机软件
越来越多的小伙伴发现,表情包开始变成了大家交流必不可少的素材,那如果想要自己制作表情包,该怎么操作呢?...微信截图_20210826162853.png 进入页面之后,点击空白区域上传视频或者直接拖拽视频到这个区域,先把想要制作gif图的视频上传上来,这里建议上传长度上不要太长,不然容易导致上传文件比较慢的情况...image.png 上传之后选择开始时间和持续时间,这里最长可以截取15秒,将视频转化成gif图。...接下来就是点击立即生成gif图,点击导出就搞定啦。 一般小伙伴使用免费版就可以了,如果对表情包尺寸要求比较高,可以升级成为会员,会员的话,可以不限使用次数,相对来说也蛮划算的。
用例图。 组成:系统边界。参与者。用例。关系。 参与者:Actor不是人,而是指参与用例时担当的角色。 如果一个角色的操作是由另一个角色代理完成的,请建立该角色到另外角色之间的依赖。...用例图:只能描述系统的大概功能,是一种视图。 用例描述:更详细地描述用例的功能。...有一个业务需求如下,要求我们为其构件一个用例图。 1)系统可以供教师使用来为学生记录成绩。 2)系统根据需要创建报告卡。 系统允许用户浏览记录的成绩。...机房收费系统的用例图。 1、首先是分析系统中的角色(Actor)。 谁向系统提供信息?—–学生 谁从系统获取信息?—-学生、管理员、操作员、一般用户 谁操作这个系统呢?–一般用户、操作员、管理员。...用例图如下所示: 学生和一般用户的用例图。 学生和操作员的用例图。 学生和管理员用例图所示: 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
128 characters 我当时是让团队小伙伴不要打出含有 /的分支名, 改用其他,如上图中所示的release-1.0.0等,但是我始终觉得不是一个常规操作,因为这破坏了一以贯之的git flow命名规范...当git flow分支命名与docker image tag分支有冲突,该怎么办? 面向谷歌编程,面向Stackoverflow[1]编程啊。...很明显,CI_COMMIT_REF_SLUG[2] 是最优解,完美规避了gitflow branch和Docker image tag的命名冲突。
最近在开发的过程当中,对于已有的代码,想将相关类绘制成UML类图,虽然现在有很多UML类图的优秀软件,比如ProcessOn(可视化编辑)、draw.io(可视化编辑)、PlantUML(代码生成),其实看到这里我就想...IDEA中有没有像PlantUML一样的自动生成的插件,本着怀疑的态度百度了一下,果然IDEA还是很强大的,这个插件都是自带的,接下稍微讲述如何利用IDEA生成UML类图的教程。...构造器和方法(前面三个),其他的随意,设置好了之后我们就来演示一下, 选择需要的类文件,在编辑器中打开它 按Ctrl + Shift + Alt + U或Ctrl + Alt + U或右键选择,生成类Uml关联图,...如下图: 上面的是类的UML图,下面的support包的UML图: 局限性:虽然这个很是方便,但是也有他自己的局限性,首先这个功能只能是根据类来自动生成的,所以对于设计类的时候就不行了,还是需要正规的...UML图软件,还有就是对于专业的UML软件来说,这种自动生成的东西可能表达并不是非常的准确直观,特别是对于UML图有严格要求的人来说,显得格外重要。
领取专属 10元无门槛券
手把手带您无忧上云