Solid

点 击 上 方 蓝 字 ，关注并星标， 和 我 一 起 学 技 术 。 今天是 golang专题 第10篇文章，我们继续来看golang当中的面向对象部分。 在上一篇文章当中我们一起学习了怎么创建一个结构体，以及怎么给结构体定义函数，还有函数接收者的使用。今天我们来学习一下结构体本身的一些使用方法。 初始化 在golang当中 结构体初始化的方法有四种 。 new关键字 我们可以通过new关键字来创建一个结构体的实例，这种方法和其他语言比较类似，这样会得到一个 空结构体指针 ，当中 所有的字段全部填充它类型对应的零值 。比如int就对应0，float对应0.0，如果是其他结构体则对应nil。 type Point struct { x int y int } func main () { var p *Point = new (Point) fmt.Print(p) } 从这段代码当中我们可以看到，new函数 返回的是一个结构体指针 ，而不是结构体的值。一般我们很少用new关键字，而是直接通过结构体加花括号的方式来初始化。 结构体名称 相比于使用new关键字，我们更常用的是 通过结构体名称加上花括号 的方式来进行初始化。 如果我们不再花括号当中填写参数的话，那么同样会得到一个填充了零值的结构体。结构体当中的所有属性都会被赋予这个类型对应的零值。 type Point struct

3D 方块 如何在 CSS 中创建立体的方块呢？用以下的 SCSS mixin 即可 方块的长度、高度、深度都可以通过 CSS 变量自由调节 @mixin cube($width, $height, $depth) { &__front { @include cube-front($width, $height, $depth); } &__back { @include cube-back($width, $height, $depth); } &__right { @include cube-right($width, $height, $depth); } &__left { @include cube-left($width, $height, $depth); } &__top { @include cube-top($width, $height, $depth); } &__bottom { @include cube-bottom($width, $height, $depth); } .face { position: absolute; } } @mixin cube-front($width, $height, $depth) { width: var($width); height: var($height); transform-origin:

《个人学习笔记十四》 文章目录 《个人学习笔记十四》 文档流（normal flow） 盒子模型 盒模型、盒子模型、框模型（box model） 内边距（padding） 外边距（margin） 盒子模型水平方向的布局 盒子模型垂直方向的布局 盒子模型外边距的折叠 行内元素的盒模型 文档流（normal flow） 网页是一个多层的结构，一层摞着一层 通过css可以分别为每一层来设计样式 作为用户来讲只能看到最顶上一层 这些层中，最底下的一层是文档流，文档流是网页的基础 我们所创建的元素默认都是在文档流中进行排列 对于我们来说文档流主要有两个状态 在文档流中 不在文档流中（脱离文档流） 元素在文档流中有什么特点： 块元素 块元素会在页面独占一行（自上而下垂直排列） 默认宽度是父元素的全度（会把父元素撑满） 默认高度是呗内容撑开的（子元素） 行内元素 行内元素不会独占页面的一行，只占自身的大小 行内元素在页面中左向右水平排列，如果一行之中不能容纳下所有的行内元素，则元素会换到第二行继续从左向右排列（书写习惯一致） 行内元素的默认宽度和高度都是被内容撑开的 盒子模型 内容区 （content），元素中的所有的子元素和文本内容都是在内容区中排列 内容区的大小有width和height两个属性来设置 width：设置内容的宽度 height：设置内容的高度 边框 （border）

点击 上方蓝字把我设为 星标 吧 ！ 作者：inkt1234 来源：https://blog.csdn.net/Linkthaha/article/details/100575278 阿面和你一起读： 作为程序员，在技术更新迭代很快的情况下，我们一般的处理都是学它，日志系统又是必不可少的，文本介绍日志系统Loki，大家可以看看是不是多了一种选择呢~ 正文 目录： 背景和动机 ELK存在的问题 成本 整体架构 读写 可扩展性 最近，在对公司容器云的日志方案进行设计的时候，发现主流的ELK或者EFK比较重，再加上现阶段对于ES复杂的搜索功能很多都用不上最终选择了Grafana开源的Loki日志系统，下面介绍下Loki的背景。 背景和动机 当我们的容器云运行的应用或者某个节点出现问题了，解决思路应该如下： 我们的监控使用的是基于prometheus体系进行改造的，prometheus中比较重要的是metric和alert,metric是来说明当前或者历史达到了某个值，alert设置metric达到某个特定的基数触发了告警，但是这些信息明显是不够的。我们都知道，k8s的基本单位是pod,pod把日志输出到stdout和stderr,平时有什么问题我们通常在界面或者通过命令查看相关的日志,举个例子：当我们的某个pod的内存变得很大，触发了我们的alert，这个时候管理员

使用eclipse打开，若用浏览器，且出现乱码，将格式<meta charset="UTF-8">改为<meta charset="GB2312">规格显示 博客.html （增加了即使验证的功能） 1 <! DOCTYPE html > 2 < html > 3 < head > 4 < meta charset ="UTF-8" > 5 < title > 博客 </ title > 6 < style type ="text/css" > 7 body { 8 font-family : 黑体，隶书 ; 9 font-size : 18px ; 10 margin : auto ; 11 } 12 .top { 13 margin : auto ; 14 width : 100% ; 15 float : left ; 16 } 17 .left { 18 width : 5% ; 19 float : left ; 20 height : auto ; 21 } 22 .right { 23 width : 6.3% ; 24 height : auto ; 25 float : right ; 26 } 27 .left1 { 28 width : 24% ; 29 float : left ; /* 文本的浮动 */ 30 padding : 0 5px ; /*

↑ 点击上方“ 乔边故事 ”关注我们 ZABBIX自动发现Redis端口并监控 由于一台服务器开启许多Redis实例，如果一台一台的监控太耗费时间，也非常容器出错。这种费力不讨好的事情我们是坚决杜绝的，幸好ZABBIX有自动发现功能，今天我们就来用该功能来监控我们的Redis实例。 监控项 Redis的监控信息主要通过 info 命令来获取，下面列举几个我们的监控项。 uptime_in_days ##redis启动的天数 connected_clients ##redis连接的客户端数 blocked_clients: ##正在等待阻塞命令（BLPOP、BRPOP、BRPOPLPUSH）的客户端的数量 used_memory_peak_human: ##reids所用内存的高峰期 used_memory: ##redis运行起来使用的内存数 expired_keys: ##过期的key数量 evicted_keys: ##删除过期的key数量 keyspace_misses: ##没命中的key数量 keyspace_hits: ##命中的key数量 connected_slaves: ##已连接的从服务器数 rejected_connections: ##因为超过最大连接数被拒接的请求数量 上面只是列举了几个，如果需要更多的监控项可以通过 info 命令获取。如下：

<div class="output_wrapper" id="output_wrapper_id" style="font-size: 15px; color: rgb(62, 62, 62); line-height: 1.8; word-spacing: 2px; letter-spacing: 2px; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;"><h3 id="h64jvm32jvm" style="color: inherit; line-height: inherit; padding: 0px; margin: 1.6em 0px; font-weight: bold;

1、window的各种宽高 outerWidth、innerWidth、outerHeight、innerHeight outerHeight 获取浏览器窗口外部的高度（单位：像素）。表示整个浏览器窗口的高度，包括侧边栏（如果存在）、窗口镶边（window chrome）和调整窗口大小的边框（window resizing borders/handles） innerHeight 浏览器视口的高度（单位：像素），如果存在水平滚动条则包括它 outerWidth 获取浏览器窗口外部的宽度（单位：像素）。表示整个浏览器窗口的宽度，包括侧边栏（如果存在）、窗口镶边（window chrome）和调整窗口大小的边框（window resizing borders/handles） innerWidth 浏览器视口的宽度（单位：像素），如果存在垂直滚动条则包括它 下图中可以看到，outerWidth 和 outerHeight 不仅包含浏览器窗口的宽高，还包括窗口镶边 下图中可以看到，innerWidth和innerHeight，所谓的视口宽高不仅包含内容还包括padding 以上四个属性仅适用于 IE9+，对于老IE 则需注意两点： （1）、IE8及以下不支持 outerWidth 和 outerHeight，且没有提供替代的属性 （2）、针对 innerWidth 和

<div class="htmledit_views"> <span></span><div><br></div><div><span style="font-size:18pt;">（一）</span></div><div style="padding:8px;font-family:Monaco, Menlo, Consolas, 'Courier New', monospace;font-size:12px;color:rgb(51,51,51);background-color:rgb(251,250,248);border:1px solid rgba(0,0,0,.15);"><div><span style="font-size:18pt;"><span style="color:rgb(0,0,128);font-family:Monaco;"><strong>public class</strong></span> <span style="font-family:Monaco;color:rgb(51,51,51);">Demo01 {</span></span></div><div><br style="font-family:Monaco;color:rgb(51,51,51);"></div><div><span style="font-size:18pt

1.什么是盒子模型 盒子模型是CSS样式修饰之后一个元素占用整个HTML页面的空间大小操作方式 存在外边距，边框，内边距和元素本身 2.边框、内外边距的界限 border-width:边框宽度 border-style:边框样式 solid 实线 double 双实线/空心线 dashed 虚线 dotted 圆点虚线 border-color:边框颜色 border: 边框宽度, 边框样式, 边框颜色; 例如: border: 10px solid black; <style> div { width : 200px ; height : 200px ; background-color : red ; /* 边框的宽度，样式和颜色 */ border : 10px solid black ; /*border-width: 10px;*/ /*border-style: dashed;*/ /*border-color: green;*/ } </style> 3.内边距、边框以内的世界 /* 内边距 padding / / padding-top: 50px; / / padding-left: 100px; / / padding-right: 200px; / / padding-bottom: 150px; / / 一个尺寸：所有的内边距都是该尺寸 二个尺寸: