随笔

How to share solutions?

2022-10-10
最近在使用一些新的框架时,发现了一个有趣的网站,这个网站可以对比一些流行框架的写法,比如如何做到响应式的变量,如何发送事件给到上级。 目前为止里面涉及的基本是一些功能性的写法对比,没有涉及到解决方案的代码,所以就在思考,比如“权限检查”这种场景,基本所有项目都会涉及到,但是对于......

»»»

Caddy Web Server

2022-10-02
昨晚忽然想到 Caddy,就去官网看了看,被它的一些 feature 吸引住了:自动支持并切换到 HTTPS,自动支持 HTTP/2、HTTP3,这比自己苦哈哈的又是编译又是签名的舒服太多了,就花了点时间把 nginx 换成 Caddy。 Caddy 的配置文档最开始看到真的很难......

»»»

2022 September Summary

2022-10-02
纠结又有点颓废的一个月,这个月的天气不好不坏,温度不冷不热,开个风扇也是吹走蚊子。 房东前几天搬走了,还留着房东的父母住一楼,二楼和三楼每天只有我自己带着。 今天十月二号,房东还有一些她亲戚在一楼聚餐,三四个家庭,五六个孩子,碗筷都碰撞声,开心的笑声,孩子们的吵闹声,还有气势昂扬......

»»»

Github CI/CD + Self Hosted Docker

2022-09-29
最近学习时看到 CI/CD,前面几份工作很少接触到,因为都是运维的活,甚至自己搞的发布系统,也没机会接触,所以就拿 Github 浅浅尝试配置下吧。 Why CI 全称 Continuous integration,顾名思义“持续集成”,核心在于集成,一个团队每时每刻都可能有人在......

»»»

中秋小记

2022-09-12
转眼间中秋便已过去,很惭愧今年中秋依然是独自宅在家的状态,幸好也没有虚度,将 React 新版文档翻阅了一遍,虽然全英文看着比较慢,但总归也算有所成长。此时的窗外下着雨,估计要连续下好几天,在暖黄的灯光下,有些许短暂的温馨。 节前心血来潮去虹桥天街吃午饭,走到了老东家办公室楼下的......

»»»

React Router And Remix

2022-09-07
偶然看到 React Router 6.4 版本的更新,其中最重磅的就是多了一系列 Data**Router,以及附带的 loaders, actions, fetchers 等 API。 Intro 一个来自官方的示例: <DataBrowserRouter> ......

»»»

2022-8月总结

2022-09-01
昨天领到了最后一份工资,昨天收到了房东将要改建房子的消息,而我还处于正逐渐放飞却一瞬间被清醒的状态。 总之,这个月提了离职,在这个市场环境超级差的情况下,选择了裸辞。 本想是休息几个月,等闲够了,等大会召开明确方针后再看情况,但是被突如其来的房东通知将要改建房子而打乱了计划。 最......

»»»

WebRTC

2022-08-16
WebRTC 可以实现浏览器之间点对点的连接,而不需要经过服务器传输,所以从安全性及隐私性,以及数据传输速度都是更好的解决方案,当然单纯传输速度来讲并不一定提高,因为用户网络环境复杂,大的通讯商可以借助专有骨干网络通讯,而点对点可能需要一层层中转。 Preview 预览效果如下图......

»»»

启用 HTTP/3

2022-08-08
啊没错,距离升级 HTTP/2 不久之后,又再次升级了 HTTP/3,这次因为是抢先体验版,所以安装时会略微麻烦。 六月份 HTTP/3 正式发布,提案编号 RFC 9114,规范的发布代表着可以进入生产环境了。 Setup nginx 官网已经发布 1.23.1 版本,但是变更......

»»»

2022-7月总结

2022-08-04
我辞职啦!没错,我真的辞职啦!从转正时就在犹豫的终于实现了。这一次,我没有任何计划,只想好好休息,放空自己,上一次我有理由去考驾照,这次我没有任何理由了。 工作 从月初某个版本结束,哦对了,这个版本结束后好多同学都请了一周的假期,因为假期再不用就过期了,然后假期回来开 revie......

»»»

老项目渐进式支持 Typescript

2022-08-03
一年多前搭建的一个项目,使用的是 Webpack5 和 Babel7,本来以为项目一次性结束了,新项目会用 Vite,然而新项目竟然直接拷过去用了!正好我也要离职了,闲来无事索性便把 TypeScript 给支持上,让小伙伴们有更多发挥的空间,也算是跟上潮流吧,毕竟今年给人的感觉......

»»»

离开组件自动中断请求

2022-07-31
一般来说,大家可能不会注意到在切换页面时的请求取消问题,一是网速很快,基本几十甚至几毫秒就可以得到返回结果,二是就算比较慢但最终还是会得到结果不会报错,但是你如果用户在弱网环境下可能就会出现用户已经从 A 页面切换到了 B 页面,但是提示我获取 A 页面的信息失败。(极端的全局加......

»»»

Gitblit “公开”仓库代码浅析

2022-07-23
Gitblit 是一个开源的基于 Java 开发的 Git 管理系统,但是部署后默认是公开状态,如果部署地址是在外网环境下,将会造成代码库“公开”,理论上来说。应该设置为只允许内网访问,并且要严格限制分组。 经过一番探索后发现不少公开的仓库,并且发现了一些有趣的现象: 全是外包......

»»»

Monorepo tool

2022-07-17
看某个教程时用到了 Lerna,就搞个 monorepo demo 试一下,很早之前就听说过 Lerna,但是没有使用的场景,个人也觉得这种方案比较奇怪。 翻了下文档和 Github,发现两个月前还有一个更换维护人的事件 Announcement: Passing the tor......

»»»

第一个 DApp

2022-07-14
前两天跟着视频写了个比较简单的 DApp,感觉上还是蛮有意思的,使用上也有点百花齐放的味道。 应用的功能很简单,输入一个数字,点击一个按钮,会往该合约转入输入数字的 ETH,多次转入可累加,也可以点击另一个按钮全部取回,类似于一个储蓄罐。 源码点这里,智能合约部署点这里。 写合......

»»»

区块链初探

2022-07-11
BTC 总量 2100 万枚,转账等操作会分出一部分作为手续费分给记账节点,存储结构是单链表,后区块存储前一个区块地址。因为并发原因可能会同时出现新的区块,所以会导致产生分叉,在一定时间后,取分叉链最长的为正确链路,其余分叉废弃,所以会有一个几个区块后确认的说法,就是防止交易被回......

»»»

2022-6月总结

2022-07-04
又是一个月过去了,今天第一天去公司上班,回家后不知道吃些什么,索性先随便写写。 生活 炎热的一个月,然后我的凉席过年回来的时候丢掉了,只能开空调,看了下用了 272 度,这还是很多天顶着 35℃ 的室内高温工作的结果。 虽说从月初就开放了,但除了前两天去了一次医院定期查眼睛,一次......

»»»

macOS 13 Ventura installation dual system

2022-06-25
Why install the second system? Because the beta2 can not run my worked VPN client, I forget i'm working on remote. 首先第一个渠道是去 VPN 服务商寻找新版......

»»»

2022-5月总结

2022-06-15
it's so quickly, a boring month. the weather start hot, put away old clothes. finally, we can out of community, we can order takeout, bu......

»»»

Synology NAS 断电故障记录

2022-06-01
昨天正开会时,忽然冒出电花噗呲的声音,以及电器通电断电状态来回切换的声音,赶紧跑去拔下电源,然后发现楼下在换插座。 换插座没什么问题,但是你这绝对是交火了吧?果然回到门口一看跳闸了,检查了下屋内电器貌似没什么大问题,今早想去 NAS 备份文件来着,忽然发现访问不了了。 电源灯不亮......

»»»

EOS R6 屏幕预览景深非实时画面

2022-05-06
很久之前偶然发现过拍出来的照片和从屏幕上看到的效果不一样,因为遇见的不多所以忽略了,想起这件事特意测试了下。 说起“景深”,玩过相机的都知道是焦点外清晰图像的范围,光圈越大景深越浅,也就是虚化效果越强。 比如图1中光圈已经开到 f22 了,但是很明显后面的木头盒子是一个非常强的虚......

»»»

2022-4月总结

2022-05-05
水深火热的一个月,对上海这座城市无爱了。 工作没什么大的变化,就是入职说好的普调没了,变成职级晋升了才能涨了,变得越来越像本土公司了。 上个月说的项目换回原来的了,挺没意思的,反正就得过且过,还是纯靠自己去 Github 找优秀的项目学习。 生活吗上篇文章(上海疫情生活小记)讲过......

»»»

上海疫情生活小记

2022-04-21
刚下完雨的清晨,有着一丝丝凉意,鸟鸣声分外悦耳,趁着万物沉睡的时刻,走到阳台呼吸下新鲜空气。 从三月九号晚开始封锁,距今已经四十三天了,形势越来越糟糕,愈演愈烈,接下来一段时间就靠家里存储的米了。 关于上海这次的表现,也不想多说什么了,总之所有的辟谣都变成了现实,没有任何一个做的......

»»»

CSS Container Query

2022-04-07
Container Query 一个顾名思义的技术,容器查询,如果说之前的 Media Query 赋予了大方向上的调整,那么 Container Query 就是精细方向的调整,话不多说,请点击下方链接查看效果。 View video What 大体效果如下面三张图,卡片最初......

»»»

2022-3月总结

2022-04-01
一晃眼三月份就过去了,这个月真是一言难尽啊,上个月定的目标就实现了一个,博客主题更新了下,加上了封面图,确实好看了不少。 三月上旬某一天,下班路上忽然明天不想上班,索性便请了一天假,第二天躺了一天等到夜色降临的时候,小区忽然就封锁了,喜提十四天,接着就是等啊等等啊等,渐渐......

»»»

TypeScript 不定属性对象

2022-03-24
前端有时候会有这么一种场景,一个 key 对应着同一种类但值不相同的结构,比如状态标签,不同的状态下边框,背景和文字都不相同,为了便于管理,通常会抽象出这么一个结构。 let statusInfo = { "draft": { color: "......

»»»

年后第一次出门

2022-03-24
初五回到上海,继续两点一线的生活,然后遇上了疫情爆发,又开始了居家生活,两点一线变成了一点。恰逢二次封控解封,工作也不顺利,索性便趁着阳光明媚出去放松下。 恰逢春分刚过,园子里开的最繁盛的就是樱花了,靠近园子的一段路也有很多樱花,看翻新的土地和没有几个分叉的主干,应该是种......

»»»

Safari 自动隐藏导航栏

2022-03-07
这几天在适配移动端,在 iOS Safari 发现了一个很恶心的东西,就是最下面的导航栏是一个薛定谔的猫一样的一个东西,它既不是固定位置类似视口变小,也不是飘在最上面的纯悬浮层。 Question 看下图,循环显示了三十个区块,一种情况就是图1中的效果,内容三十区块只显示了一个头......

»»»

2022-2月总结

2022-03-06
#浴室沉思 洗澡时候想着自己近期该往哪个方向上努力,然后想到今天已经三月六号了,二月的总结回顾还没写。 时间回到二月,二月正好和农历正月对上,二月一号就是正月初一,这个过年很不痛快,被一个所谓的亲戚找事,而更可笑的原因是红眼病,既然这样下年就不会去了,其实挺没意思的。 九号上班,......

»»»

Try Puppeteer

2022-02-28
昨天刚说到“爬虫定制”,今天正好看下无头浏览器怎么用,主要目标是获取远程内容,并输出到文件中,然后截图确保可追溯。 Puppeteer 是一个基于 Chromium 无头浏览器提供的工具,具备更高级的 API。 Install Puppeteer 提供了两个库,一个是 puppe......

»»»