Shadow

[书籍精读]《CSS世界》精读笔记分享

孤街醉人 提交于 2020-07-26 03:06:27
写在前面 书籍介绍:本书从前端开发人员的需求出发,以“流”为线索,从结构、内容到美化装饰等方面,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时,作者结合多年的从业经验,通过大量的实战案例,详尽解析CSS的相关知识与常见问题。 我的简评:《CSS世界》这本书颠覆了我对前端CSS的很多认知,说是在的,这本书读起来很烧脑,建议有一定CSS基础后再阅读。 !!福利:文末有pdf书籍、笔记思维导图、随书代码打包下载地址哦!阅读[书籍精读系列]所有文章,请移步: 推荐收藏-JavaScript书籍精读笔记系列导航 第一章 概述 1.1.CSS世界的“世界观” 将抽象的CSS直接和具体的现实世界相对应,更加易于理解 以完整的体系来学习CSS要比单纯关注属性值理解得更加深刻,可以培养从宏观层面认识与理解CSS的习惯 方便我们记忆,枯燥的代码总是过目就忘,鲜活的角色总是印象深刻 1.2.世界都是创造出来的 CSS世界的诞生就是为图文信息展示服务的 1.3.CSS完胜SVG的武器-流 现在看来,SVG显然要比Flash优秀很多,SVG开发、标准,和CSS和JavaScript都能很方便地进行交互 SVG的强项是图形,其文字内容的呈现实在不敢恭维 何为“流”:“流”实际上是CSS世界中德一种基本的定位和布局机制;CSS世界构建的基石是HTML,而HTML最具代表的两个基石 和

分布式监控系统Zabbix4.2添加自动发现磁盘IO(实操)

心不动则不痛 提交于 2020-07-25 18:50:32
zabbix并没有给我们提供这么一个模板来完成在Linux中磁盘IO的监控,所以我们需要自己来创建一个,在此还是在Linux OS中添加。   由于一台服务器中磁盘众多,如果只一两台可以手动添加,但服务集群达到几十那就非常麻烦,因此需要利用 自动发现 这个功能,自动发现后自动添加对服务器磁盘的监控,而且添加磁盘后也会自动添加到监控,实现自动化运维的效果,所以在这里也演示一次自动发现的配置。 经测试无法自动发现多个磁盘,只能手动把{ #DISK_NAME} 改成要监控的磁盘 (例如sda、sdb,dm-*、bcache0等 虚看自己服务器配置信息) 如图,我需要监控以上磁盘的三个重要指标 部署详细步骤: 一、在被监控设备部署如下: 1、在被监控设备上部署自动发现的脚本disk.sh,内容如下 #!/bin/bash diskarray=(`iostat -d -x 1 1|awk '{print $1}' |sort|uniq 2>/dev/null`) length= ${#diskarray[@]} printf "{\n" printf '\t' "\"data\":[" for ((i=0;i< $length ;i++)) do printf '\n\t\t{' printf "\"{#DISK_NAME}\":\" ${diskarray[$i]} \"}" if [

VBA基础九:画表格线及表外线的颜色定义

廉价感情. 提交于 2020-07-25 11:52:05
原表 目标统计汇总表 VBA代码 Private Sub CommandButton1_Click() Dim arr, i&, n&, d As Object, s$, a() arr = Sheet1.Range("A1").CurrentRegion Set d = CreateObject("Scripting.Dictionary") For i = 3 To UBound(arr) s = arr(i, 7) & "|" & arr(i, 2) & "|" & arr(i, 3) & "|" & arr(i, 4) & "|" & arr(i, 5) If Not d.Exists(s) Then n = n + 1: ReDim Preserve a(1 To 12, 1 To n) d(s) = arr(i, 6) a(1, n) = arr(i, 2) '名称 a(2, n) = arr(i, 7) '材质 a(3, n) = arr(i, 3) '长 a(4, n) = arr(i, 4) '宽 a(5, n) = arr(i, 5) '厚 Else d.Item(s) = d.Item(s) + arr(i, 6) End If Next Sheet3.Range("A5:L10000").ClearContents Sheet3.Range("A5

软件测试工程师在不同阶段需要掌握的技能

喜夏-厌秋 提交于 2020-07-24 21:38:58
要想分析软件测试工程师在不同阶段的技能需求,首先要知道测试工程师在软件上线过程中担任的角色。 很多人一说到软件测试工程师,还是会想到那些反复使用软件,试图在频繁操作中找到BUG的人员,也就是通常说的根据测试规范和测试案例对软件进行测试,检查软件有没有出现错误,判断软件是否稳定的角色。但是这是一种非常陈旧且错误的观念了。 正因为上述的观念,导致软测试工程师在开始的十年里基本属于不那么被重视的地位,认为测试工程师从事的是重复的技术含量不高的工作,随时可被替代。 根据调查,国内的软件测试,在互联网刚刚崛起的十几年里面被漠视的态度,尤其是中小型的软件企业,没有配备专门的软件测试人员,测试工作往往被开发岗位兼任,一般只是进行简单的白盒测试,这种做法在一定程度上等于让用户也充当了测试的角色,造成的后果往往是用户发现一堆问题后进行反馈,然后修改,反复修改造成的后果就是软件难以稳定,用户的耐心也被消磨殆尽,最终导致项目失败。 直到近年来各大型的的互联网公司崛起,对于软件的需求越加丰富,对于软件的稳定以及性能的要求也越来越高,对软件测试工程师的技能要求也是一个挑战,每个测试工程师都要随着工作的要求对自己的水平做相对应的调整。 下面我们就来盘点不同阶段的测试工程师所需要的的技能。 初级测试工程师(1-2年测试工作经验) 初级测试工程师是入行1-2年内的工程师,进入初级测试工程师的门槛不会太高

【WIN10】关闭/开启休眠功能

巧了我就是萌 提交于 2020-07-24 21:08:03
【转载】(hiberfil.sys文件占用了C盘很大空间) 如何删除系统盘下hiberfil.sys文件? 系统版本 win10 专业版64位 步骤 1、在搜索中输入cmd,右击图标以管理员身份运行。 2、在命令行输入以下命令。 关闭休眠功能 powercfg -h off 开启休眠功能 powercfg -h on 来源: oschina 链接: https://my.oschina.net/u/4205853/blog/4299865

【WIN10】关闭/开启休眠功能

二次信任 提交于 2020-07-24 20:55:30
【转载】(hiberfil.sys文件占用了C盘很大空间) 如何删除系统盘下hiberfil.sys文件? 系统版本 win10 专业版64位 步骤 1、在搜索中输入cmd,右击图标以管理员身份运行。 2、在命令行输入以下命令。 关闭休眠功能 powercfg -h off 开启休眠功能 powercfg -h on 来源: oschina 链接: https://my.oschina.net/u/4205853/blog/4299865

PPPOE原理和配置

☆樱花仙子☆ 提交于 2020-07-24 19:12:06
PPPOE原理和配置 案例 如图规划 VLAN和IP地址 R1作为企业边缘设备,通过PPPoE拨号方式连接运营商 内网中仅仅允许PC-1访问 Server-1 br/>![](https://s4.51cto.com/images/blog/202005/20/b3fe6b58cf6a3ac8bd450b7f54b055ac.png?1=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=) 配置思路: 1.终端设备 2.网络设备 -交换机 -路由器 @R1 -网关接口IP地址 -设置ppp协议虚拟接口 -1.设置为ppp-协商 -2.设置ppp pap 用户和密码 br/>-3.设置虚拟接口用户 -4.虚拟接口捆绑号码12 -5.0/1接口启用pppoe客户拨号捆绑号码12 -6.设置默认静态路由下一跳设定虚拟接口 -7.设定ACL -8.在虚拟接口启用出流量nat转换 @R2 -网关接口IP地址 -1.设置运营商模板1 -2.设定模板IP地址 100.1.1.1 24 -3.启用ppp认证模式pap -4.设置aaa认证 设定本地用户和密码 -5.设定本地用户服务类型ppp -6.建立地址池pool

Ant Design of Vue使用遇到的问题以及解决方法总结

心已入冬 提交于 2020-07-23 20:12:13
问题1:在modal里使用select多选的时候,当modal关闭之后,select框的值未初始化? 解决方法:将<A-modal>参数 destroyOnClose 设置为true,表示当关闭时自动销毁Modal的子元素。 问题2:控件select的备选项option标签属性key和value值的区别? 解决方法: <a-select style="width: 100%" placeholder="请选择开班课程" v-decorator="['courseType', validatorRules.courseType]"> <a-select-option value="">请选择开班课程</a-select-option> <a-select-option v-for="(course, index) in courseList" :key="index.toString()" :value="courseTypeList[index]" > {{ course }} </a-select-option> </a-select> courseList:[ 饮品教学班,营销实战,彩虹米课程,业绩实战班 ] courseTypeList:[ 0,1,2,3 ] key:key属性是用于区别于不同的<option>,多个key不能重复,通常去id作为key值。 value

A shadow created with PathGradientBrush shows undesired thorn results

▼魔方 西西 提交于 2020-07-21 06:10:26
问题 I can't understand why the shadow path has thorns near the Arrow Cap. Refer to my screenshot. using (GraphicsPath _Path = new GraphicsPath()) { Point[] _Points = new Point[] { new Point { X = mouseDownX, Y = mouseDownY }, new Point { X = lineEndX - 51, Y = mouseDownY }, new Point { X = lineEndX - 51, Y = mouseDownY - 20 }, new Point { X = lineEndX, Y = mouseDownY + 5}, new Point { X = lineEndX -51, Y = mouseDownY + 25}, new Point { X = lineEndX -51, Y = mouseDownY +10 }, new Point { X =

How to create a shadow drop effect around a wpf button like the google button

喜欢而已 提交于 2020-07-17 09:55:12
问题 I am trying to create a google button in wpf. I have found the following link that specifies the google's button css style Google button css style Right now I have also searched the net and found out this style that resembles google's button <Style x:Key="GoogleGreyButton" TargetType="{x:Type Button}"> <Setter Property="Background" Value="#FFF5F5F5"/> <Setter Property="BorderBrush" Value="#FFDCDCDC"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Foreground" Value="