# 第 65 期 - 新春快乐

> 摄于西溪湿地的梅花，终于要过年了，潮流周刊明年见，祝福关注的同学新的一年心情好、身体好、技术好、更潮流。

- Issue: 65
- 发布日期: 2022/02/15
- HTML: https://weekly.tw93.fun/posts/65
- JSON: https://weekly.tw93.fun/api/posts/65.json
- English translation: https://weekly.tw93.fun/en/posts/65.md

---

<img src="https://gw.alipayobjects.com/zos/k/yr/65.jpg" width="800" />

<small>摄于西溪湿地的梅花，终于要过年了，潮流周刊明年见，祝福关注的同学新的一年心情好、身体好、技术好、更潮流。</small>

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

## 前端技术

**Umi 4 设计思路**  
<https://mp.weixin.qq.com/s/iSnhyARpefslCKncaq0L3w>  
云谦在今年 SEE Conf 分享的内容。

**精读《2021 前端新秀回顾》**  
<https://juejin.cn/post/7053976497094131726>  
看看去年前端开源最活跃的几个领域是一个怎么样的。

**浅谈 WebRTC 技术原理与应用**  
<https://mp.weixin.qq.com/s/3XZCprE7ingMhrgsIVokQA>  
这个技术其实很牛逼。

**Is back end dev generally easier than front end?**  
<https://news.ycombinator.com/item?id=29328111>  
HN 上一哥们 07 年开始写前端，觉得有些变化太多了，想去写后端，然后下面有不少讨论。

**前端调试的最佳实践**  
<https://mp.weixin.qq.com/s/sxBHC2sRIzTUWsZf7x7a-Q>  
前端调试用什么工具，工具好处如何，步骤如何。

## 潮流开源

**sandpack：代码在线运行组件**  
<https://sandpack.codesandbox.io/>  
借助了 codesandbox 的能力，让你用组件一样使用。  
<img src="https://gw.alipayobjects.com/zos/k/5plghm/20220123195841.png" width="800" />

**markmap：将 markdown 转换成脑图**  
<https://github.com/gera2ld/markmap>  
我在想是不是可以 JSON 转 Markdown，或者 JSON 转脑图。  
<img src="https://gw.alipayobjects.com/zos/k/h08pve/20220123203921.png" width="800" />

**mo.js：写运动效果的动画库**  
<https://mojs.github.io/>  
<img src="https://gw.alipayobjects.com/zos/k/ScreenFlow.gif/ScreenFlow.gif" width="800" />

**AnyBar：Mac 顶部菜单栏状态定制**  
<https://github.com/tonsky/AnyBar>  
有点儿像联动的感觉，比如说你本地端口 8080 开了，你可以定制顶部状态点为红色啥的。  
<img src="https://gw.alipayobjects.com/zos/k/87qgid/20220123201006.png" width="800" />

## 随便看看

**为什么我国人均 GDP 快接近高收入国家水平了，但是似乎感觉不明显？**  
<https://mp.weixin.qq.com/s/QoFLAlbhzON4fs9eqLC9Ag>  
平均值其实是一个比较难达到的值。

**在中国，Tony 老师究竟能赚多少钱？**  
<https://mp.weixin.qq.com/s/BvTnVHXQ4QX2uhjgrdFfwA>  
青岛不吃虾，杭州不理发:)