一次沙雕运维事故

今天早上起来发现网站访问不了,提示SSL握手错误,我还以为是frp掉了,结果发现ssh也连不上,莫非是tf卡挂了?一番排查之后我发现电源没开……

又一番排查之后发现没取消远程插座的定时断电,这个问题来源于之前使用图形工作站作为web server时的省电措施。

不愧是沙雕网友。

使用zerotier组建异地互访的局域网

2019年10月,向运营商租了固定公网ip,p2p方案已废弃。


  • 1

一开始我想到的是直接用端口转发解决,在网关设备上跑个端口转发软件,改一下iptables把局域网内服务器需要的端口转发出去。但经过将近一周的测试,发现问题有二:一是增加服务时要需要修改iptables规则,但是咱家做的是传统行业,没有招聘网络技术人员(也没有这个必要),维护只能我一个人做;二是端口转发受服务端性能和带宽影响严重,国外服务器延迟高,国内服务器带宽贵,实在不好选。

CSS定位方式与相对宽度

前段时间有个后端小伙伴被拉去写前端,出现了一个让他困惑不已的问题:明明给子元素设置了width:80%;可为什么还是子元素超出了父元素的宽度?

这里涉及到width属性的值的类型:width属性可以设置两种值,一种是绝对长度值,另外一种是相对长度值,相对长度值又根据参照物不同分为view height/view widthpercentage

所谓相对长度,那肯定会有参照物,其中vh/vw方式是参照窗口高宽确定的(浏览器参照),percentage方式是参照DOM元素确定的(页面内部参照)。但是问题就出现在这里,percentage参照的是哪个元素呢?是body、父级、还是兄弟元素?它又有哪些规则?

为了说明,我写了个简单的演示。