findxc

mac 下查看端口是否有被占用可以用 `lsof -i:3721` 来判断。

@colgin 我们组一般项目如果是小迭代就是这里改改那里改改，大点迭代涉及到新功能的可能会有些业务逻辑复杂或者交互复杂点的地方。 暂时还没新需求 hhh，在自己学习。看 next.js 文档，梳理一下，公司有个 next.js 项目看性能还能再优化下不。然后最近还准备看下 react-router 源码，还没研究过。

@zhou7985 比如说？让我修改一下

安利：[打造高效的工作环境 – SHELL 篇](https://coolshell.cn/articles/19219.html)

一些工作中常用的 alias： ```shell ~ = cd ~ .. = cd .. ... = cd ../.. c = clear g = git gf = git fetch gco = git checkout gcb...

## git 批量删除分支 删除除了 dev 和 master 以外的其它分支：`git branch | grep -Evw 'dev|master' | xargs git branch -D` grep 中的 `E` 是指支持正则语法，`v` 是指反转查找，`w` 是指需要完全匹配，也就是 dev-aa 这种是不会匹配的。

@kardenwu 可以， demo 的样式很简洁清爽

## 补充一下 WebP 有损时的图片质量 上面我们把 .png 生成 .webp 时用的命令是 `cwebp xxx.png -o xxx.png.webp` ，这样使用的是默认的压缩参数，并且是有损的。 对于有损 WebP 来说，如果图片有细线条或者高对比度的像素，这附近的细节丢失会比较明显，比如下面这种场景，文字周围会感觉有点糊。  就算把图片缩小点展示，文字周围也还是能看出差别。当然，如果文字颜色和背景色对比没这么强烈，差别就不会这么大。  有损 WebP 适用于没那么追求图片质量、更加在意图片体积的场景，因为一般会使用二倍图，所以一般肉眼看不出太多差别，比如B站、YouTube首页会有大量图片，就是用的有损 WebP 。 `cwebp -lossless xxx.png -o xxx.png.webp`...

因为以前一直只是简单以为 HTTP/2 支持多个请求一起发了而已，然后还有服务端推送啊啥的，但并没 get 到其实更多是对网络延迟的一个优化，现在再去看 [HTTP/2 简介](https://developers.google.com/web/fundamentals/performance/http2?hl=zh-cn) 里面的介绍，才有恍然大悟的感觉。 > HTTP/2 的主要目标是通过支持完整的请求与响应复用来减少延迟，通过有效压缩 HTTP 标头字段将协议开销降至最低，同时增加对请求优先级和服务器推送的支持。 同时我也在想，如果说自己对 TCP 有更底层一点的了解，应该也更能 get 到 HTTP/2 对于延迟的这个优化 ... 只能说路漫漫其修远兮 ...

[Mac OS系统下,双网卡路由表永久配置 - 简书](https://www.jianshu.com/p/5117c493a09e) 发现直接用 networksetup 就可以持久化了，以前也尝试过，当时失败了，呃，今天又试了下就成功了 ... 🤔 并不知道为啥当时失败了 -.- 可能是当时不够自信吧。 简单来说就是先 `networksetup -listallnetworkservices` 来看内网的名字是啥，然后类似于 `networksetup -setadditionalroutes 'Ethernet Adaptor (en4)' 172.16.0.0 255.255.0.0 172.16.104.1` 这样就好了，就是所有 172.16.x.x 都会走 172.16.104.1 这个路由器。