使用 Peer Relay 提高 Tailscale 的速度
最近 Tailscale 推出了 Peer Relay [\[1\]](https://tailscale.com/blog/peer-relays-beta) [\[2\]](https://tailscale.com/blog/peer-relays-ga), 当节点间无法直连时, Peer R...
阅读视图
JS 中的 Shebang/Hashbang
把一段 Shell 脚本保存成文本文件: ```sh # hello.sh echo 'Hello World' ``` 我们可以通过两种方式运行, 第一种是 Shell 命令加脚本文件: ```sh sh hello.sh bash hello.sh zsh hello.sh ``` 第二...
负载均衡下的前端资源更新策略
我们的一些前端页面偶尔会有用户反馈页面空白, 稍等一会刷新就正常了. 奇怪的是我们在日志系统并没有发现可能导致页面空白的报错, 所以我们一度以为是用户的网络问题. 直到有一次我们内部人员也遇到了这个问题, 我们马上封锁现场进行排查, 结果发现是某个 JS 文件 `404`, 导致页面初始化失败从而...
CSS 基于视区的长度单位
进入主题之前, 先来了解一下现有的 CSS 长度单位, 可以分为绝对长度单位和相对长度单位. ## 绝对长度单位 ### `px` 现代显示器是由一颗颗像素组成的, 以我的显示器为例, 分辨率为 2560x1664, 也就是说这块显示器横向有 2560 个像素, 纵向有 1664 个像素, 显...
介绍一下自己写的开源音乐服务「知了」
「[知了](https://github.com/mebtte/cicada)」是一个开源的音乐服务, 可以部署在任何 Linux/Windows/macOS 设备上, 主要有以下特点: ### 完全开源和数据完全掌控 知了分为服务端和客户端, 代码完全[开源](https://github.c...
如何在 React 解决竞态条件
最近看了一篇文章「[解决前端常见问题：竞态条件](https://juejin.cn/post/7098287689618685966)」([PDF](./archive.pdf)), 解释了什么是竞态条件以及如何解决这个问题, 不过觉得例子不是很完美, 所以用自己的例子复述一遍. <iframe...
浏览器和 JavaScript 的一些新特性
## CookieStore API 目前, 浏览器可用的存储方式有 `cookie`/`sessionStorage`/`localStorage`/`IndexedDB`, 后三者都暴露了十分友好的 API 供开发者访问, 只有 cookie 例外. 回想一下, 平时我们都是怎么操作 cook...
