# 第 51 期 - 长者的树

> 照片摄于西双版纳中科院植物园长者植的一颗树，感觉 Exciting，相机曝光加 + 1s 记录下来。

- Issue: 51
- 发布日期: 2021/11/09
- HTML: https://weekly.tw93.fun/posts/51
- JSON: https://weekly.tw93.fun/api/posts/51.json
- English translation: https://weekly.tw93.fun/en/posts/51.md

---

<img src="https://gw.alipayobjects.com/zos/k/1g/0v2IK3.jpg" width="800" />

<small>照片摄于西双版纳中科院植物园长者植的一颗树，感觉 Exciting，相机曝光加 + 1s 记录下来。</small>

> **记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此专栏，方便获取更新通知**

## 前端技术

**一文打尽前端 Base64 编码知识**  
<https://mp.weixin.qq.com/s/Xc4v21d5qcbpMcSZF-N6AQ>  
详细介绍 Base64 的文章。

**实现无感刷新 token 我是这样做的**  
<https://juejin.cn/post/6983582201690456071>  
当 token 过期的时候，刷新 token,前端需要做到无感刷新 token,即刷 token 时要做到用户无感知，避免频繁登录。这个文章的思路还可以的。

**2021 年当我们聊前端部署时，我们在聊什么**  
<https://juejin.cn/post/7017710911443959839>  
字节前端讲了一下前端部署到访问全过程的实现。

## 潮流开源

**cloc：很方便统计代码行数**  
<https://github.com/kentcdodds/cloc>  
<img src="https://cdn.tw93.fun/blog/upic/M3iJhM.jpg" width="800" />

**codepen：一根用 css 画的数据线**  
<https://codepen.io/comehope/pen/RBjdzZ>  
可能 95% 同学会用一张图片代替。  
<img src="https://cdn.tw93.fun/blog/upic/MDe5HR.jpg" width="800" />

**appsmith：模型驱动低代码生成管理系系统**  
<https://github.com/appsmithorg/appsmith>  
<img src="https://cdn.tw93.fun/blog/upic/mqpjlh.jpg" width="800" />

**Github Readme 支持注脚了**  
<https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/>  
<img src="https://cdn.tw93.fun/blog/upic/3mtTMX.gif" width="800" />

**MockingBird：实时语音克隆 - 中文/普通话**  
<https://github.com/babysor/MockingBird>  
5 秒内克隆您的声音并生成任意语音内容。

**SwiftFormat：Xcode 中 swift 格式化扩展**  
<https://github.com/nicklockwood/SwiftFormat>  
挺好用的，OC 也有一个类似的。

## 随便看看

**走到岔路口的汽车芯片**  
<https://mp.weixin.qq.com/s/xbhYyxxE7xGjx2FZq4y9Lg>  
看看汽车芯片这个概念。

**2021 年的互联网平台竞争版图**  
<https://mp.weixin.qq.com/s/HBX0LzY65cessaH5WmxdMA>  
互联网平台按照用户属性划分的“五个圈子”。

**为什么很可能会死，他们也要参加“鱿鱼游戏”？**  
<https://www.huxiu.com/article/464319.html>  
刚出来就追完了，超级不错。