家庭网络改造!

新年好!

除夕早上起来发现有未知设备连接到局域网中,估计是哪个亲戚来串门,用万能钥匙之类的软件把密码分享出去了。未知设备是两个机顶盒和一部电视机,手动微笑。

随着家里IoT设备的不断增多,原有的单ssid已经满足不了原来越复杂的使用和安全需求了。尤其是当密码泄露后重新设置ssid或(和)密码,二三十个IoT设备逐个修改配置无疑非常麻烦。

于是何不正好趁着这次机会,好好优化一下家里的无线网络?

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

最近有从外部访问无公网IP的局域网的需求,做了一些尝试。

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

CSS定位方式与相对宽度

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

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

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

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