# 第 55 期 - 发条咖啡

> 照片摄于发条咖啡家的桂花拿铁，真香和好喝，假如路过凤起路方向可以一去。

- Issue: 55
- 发布日期: 2021/12/07
- HTML: https://weekly.tw93.fun/posts/55
- JSON: https://weekly.tw93.fun/api/posts/55.json
- English translation: https://weekly.tw93.fun/en/posts/55.md

---

<img src="https://gw.alipayobjects.com/zos/k/9w/kItJMX.jpg" width="800" />

<small>照片摄于发条咖啡家的桂花拿铁，真香和好喝，假如路过凤起路方向可以一去。</small>

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

## 前端技术

**Inside look at modern web browser**  
<https://developers.google.com/web/updates/2018/09/inside-browser-part1>  
18 年谷歌官方出品的关于现代浏览器的学习文章。

**5 种有趣的 useEffect 无限循环类型**  
<https://mp.weixin.qq.com/s/WWQa4kJXAblBkZS5zx3HBw>  
一篇翻译的译文，反过来看看如何避免。

**用 CSS 来代替 JS 的实现**  
<https://github.com/you-dont-need/You-Dont-Need-JavaScript>  
比如说滚动 banner、翻转切换、tooltip 这一类，学习一下。

**React18 新特性：transition**  
<https://juejin.cn/post/7027995169211285512>  
在 React 18 中，引进了一个新的 API —— startTransition，还有二个新的 hooks —— useTransition 和 useDeferredValue。

**JavaScript 百炼成仙**  
<https://m.zhangyue.com/readbook/12567484/5.html>  
阁下真是文武双全，实属百年一遇的奇才。

## 潮流开源

**一个 JS 的代码混淆工具**  
<https://obfuscator.io/>  
混淆到亲妈都不认识了。  
<img src="https://cdn.tw93.fun/blog/upic/LWAaOz.gif" width="800" />

**mobilePillowTalkLite：iOS 服务进程监控工具**  
<https://github.com/Co2333/mobilePillowTalkLite>  
<img src="https://cdn.tw93.fun/blog/upic/V64bcm.jpg" width="800" />

**excalidraw:手绘的虚拟白板**  
<https://github.com/excalidraw/excalidraw>  
功能看着还不错，还支持多人。  
<img src="https://cdn.tw93.fun/blog/upic/SgpL4x.jpg" width="800" />

**remark42：轻量的评论插件**  
<https://remark42.com/demo/>  
比较方便插入到现有博客系统中。  
<img src="https://cdn.tw93.fun/blog/upic/Rl4Eu3.gif" width="800" />

## 随便看看

**GitHub Copilot 可以写帮我写中文文章了**  
<https://www.v2ex.com/t/814689#reply81>  
效果有些让人震惊了，放出这张图片。  
<img src="https://cdn.tw93.fun/blog/upic/Jyf6br.jpg" width="800" />

**Axure 打造最强 DRD 交互文档**  
<http://www.woshipm.com/ucd/4377278.html>  
哈哈，可以给你们的产品经理。

**一文盘点国内元宇宙创业公司**  
<https://mp.weixin.qq.com/s/U-DgqGfo2KSCKrtpMNJqQA>  
不评判，当做了解新闻来看即可。
