# 第 14 期 - 2020跨年

> 封面图摄于 2020 年杭州 0 点跨年现场结束时的人山人海，打车 2 小时，当时想在家看 B 站跨年不香吗？不过现在回想却又是另外一番滋味。

- Issue: 14
- 发布日期: 2021/02/23
- HTML: https://weekly.tw93.fun/posts/14
- JSON: https://weekly.tw93.fun/api/posts/14.json
- English translation: https://weekly.tw93.fun/en/posts/14.md

---

<img src="https://gw.alipayobjects.com/zos/k/ki/G1fSgy.jpeg" width="800" />

<small>封面图摄于 2020 年杭州 0 点跨年现场结束时的人山人海，打车 2 小时，当时想在家看 B 站跨年不香吗？不过现在回想却又是另外一番滋味。</small>

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此~**

## 好文和学习

**怎么让你的 Code Reviewer 喜欢上你**  
<https://mtlynch.io/code-review-love/>  
原文标题叫做“How to Make Your Code Reviewer Fall in Love with You”，文章[翻译可见>>](https://mp.weixin.qq.com/s/zrXvr4vuQRMcSourXo6E6w)，写得很详细，其实也很适合程序员工程师之间相处之道。

**淘系圈品进化史**  
<https://mp.weixin.qq.com/s/6DnToSrSAX2XY3Pj7kHMOQ>  
前端也需要懂业务逻辑系列，来看看淘系的卡券商品设置引擎的技术设计借此来了解这一趴怎么做的。

**Introduction to Event Loop Utilization in Node.js**  
<https://nodesource.com/blog/event-loop-utilization-nodejs>  
国外的一篇文章介绍 Event Loop Utilization 的深度好文，从开始的什么是 event loop、ELU 对比 CPU、最后到使用 ELU 的案例来逐步讲述。

**用 Web 技术为 Safari 编写扩展**  
<https://mp.weixin.qq.com/s/ZVqCmWUGsUIYLXmpgBTZMA>  
大部分前端都知道怎么去写一个 Chrome 的扩展，但是怎么来写 Safari 的扩展由于需 OC/Swift 让前端比较难上手，今年苹果宣布引入 Web 技术来实现新的扩展类型，可以了解一番。

## 工具和开源

**cfonts - 命令行项目开发中的 Sexy 字体**  
<https://github.com/dominikwilkowski/cfonts>  
之前我们写 Node 命令行工具一般会去在线网站生成一个性感 Title Logo，其实稍麻烦，可以直接试试这个工具，让你像写 CSS 一样来处理。  
<img src="https://gw.alipayobjects.com/zos/k/j6/NDHuM1.jpg" width="800" />

**X - 浏览器中的桌面环境**  
<https://github.com/DustinBrett/x>  
作者在浏览器中实现了一个简单的[桌面系统](https://x.dustinbrett.com/)，很有模拟器效果的感觉。  
<img src="https://gw.alipayobjects.com/zos/k/qx/goaoeA.jpg" width="800" />

**VSinder - VSCode 中的代码“交友”软件**  
<https://github.com/benawad/vsinder>  
VS Code 现在居然可以用来谈恋爱了，为了用最硬核的方式找到男（女）朋友，23 岁的程序员 Ben Awad 在 VS Code 里打造一个约会软件。  
<img src="https://gw.alipayobjects.com/zos/k/ka/qxLAgF.gif" width="800" />

**htmlparser2-快速且兼容性强的 HTML/XML 解析器**  
<https://github.com/fb55/htmlparser2>  
htmlparser2 提供 onopentag、ontext、onclosetag 回调来处理 HTML，很适合常见的 HTML/XML 解析处理场景。

## 跨栈和 iOS

**C++服务编译耗时优化原理及实践**  
<https://tech.meituan.com/2020/12/10/apache-kylin-practice-in-meituan.html>  
看多了 Webpack 打包前端的优化，来看看美团这边 C++ 工程大型项目面对编译耗时较长是如何解决的。

**DiDiPrism-滴滴开源的移动端操作行为的工具**  
<https://github.com/didi/DiDiPrism>  
中文名叫小桔棱镜，涵盖 APP 操作回放、操作检测、以及数据可视化能力，实现看着还不错，文章介绍[可见掘金](https://juejin.cn/post/6904676606845911053)。

## 灵感和有趣

**B 站视频 - 设计制作的一个便携口袋显示器**  
<https://www.bilibili.com/video/BV17D4y1X7AT>  
"你的下一个显示器，可能是个充电宝" ？超级硬核的 DIY 超迷你便携显示器，涉及到硬件和软件的双向设计到最终的产品成型，真心佩服 Up 主。

**游戏中有哪些看上去很简单，但实际需要极高技术力的细节？**  
<https://daily.zhihu.com/story/9730917>  
游戏开发中「怎么处理角色自然地走路」？来一起看看其中 motion matching 设计思想。

**一线城市打拼，二线城市买房，这事靠谱吗？**  
<https://mp.weixin.qq.com/s/MtGWzpoNysSu-NP4ArZ09A>  
一篇很接地气的分析年轻人买房的文章。