# 第 106 期 - 海南度假

> 封面来源于上周潮流前端团队海南 Outing 所拍，自驾海口->万宁->陵水->三亚，玩得很轻松很舒服很爽很潮流，也很庆幸没有被疫情所困，一切平安。

- Issue: 106
- 发布日期: 2022/11/28
- HTML: https://weekly.tw93.fun/posts/106
- JSON: https://weekly.tw93.fun/api/posts/106.json
- English translation: https://weekly.tw93.fun/en/posts/106.md

---

<img src="https://gw.alipayobjects.com/zos/k/cz/IMG_2262.JPG" width=900/>

<small>封面来源于上周潮流前端团队海南 Outing 所拍，自驾海口->万宁->陵水->三亚，玩得很轻松很舒服很爽很潮流，也很庆幸没有被疫情所困，一切平安。</small>

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

## 技术相关

**Web 3.0 入门学习第一课**  
<https://www.bilibili.com/video/BV1Vt411X7JF/>  
北京大学肖臻老师《区块链技术与应用》公开课，对于有一定计算机基础的基本看得懂，老师讲得很接地气很有条理，推荐给想了解区块链技术的同学。

**git-flight-rules：Git 飞行规则**  
<https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md>  
用来指导程序员在使用 Git 问题出现后的应对之法，很全。每次我面试候选人都会问一些不太难的常用 Git 操作，出乎意料的是能回答上来的却很少。

**Ant Design 的设计文档**  
<https://ant.design/docs/spec/introduce-cn>  
不少同学仅看组件使用文档，而忽视了他的设计原则，我认为这个才是宝藏，此外也很推荐 AntV 的[设计原则](https://antv.vision/zh/docs/specification/principles/basic/)，让你很清楚知道「怎么使用让我的产品表达更好」，可用来培养你的设计能力。

**计算机科学速成课**  
<https://www.bilibili.com/video/av21376839/>  
上班久了，很多时候想去看看大学的那种计算机科学的东西，当做休闲的感觉。

## 潮流开源

**妙言笔记本发布 1.8 版本，更巧妙**  
<https://github.com/tw93/MiaoYan/releases>  
本次更新为：1、编辑器中的链接需 Command 点击才跳转，正常为编辑；2、编辑器 Tab 切换正常使用，左右区块移动统一成 Command + []；3、预览能力优化，整体段落等间距自适应高度，演示下效果更好；4、单独模式下，文件打开为仅编辑器，文件夹打开为侧边栏，去掉反复提示；5、修复 PPT 模式下本地图片使用问题，记住 3 栏模式上次使用状态，输入框焦点优化。  
<img src="https://cdn.tw93.fun/blog/upic/SkAewA.png" width="800" />

**推特 2022 最新架构图**  
<https://twitter.com/alexxubyte/status/1594008281340530688>  
笑死我了，这个是来源于有一个马斯克发 twitter 时候，照片里面的一张图片被人用工具给“沉淀下来了”  
<img src="https://cdn.tw93.fun/blog/upic/sMMIgx.jpg" width="800" />

**Daily.dev 国外资讯阅读聚合工具**  
<https://app.daily.dev/>  
整体内容质量挺不错的，也是潮流周刊大部分国外技术文章来源点，产品本身做得也很精致，适合早上上班前瞅一眼，可以根据自己的喜好定制对应方向的内容。  
<img src="https://cdn.tw93.fun/blog/upic/2bYyH8.png" width="800" />

**Speechless：一键备份你的所有微博**  
<https://github.com/meterscao/Speechless>  
将你的微博打包成 PDF 下载，试了试很好用，无论是自己的微博，还是别人的，内容上文本、长文、图片、转发均支持保存。
<img src="https://gw.alipayobjects.com/zos/k/1s/12.gif" width="800" />

**Orbit：看你的 Twitter 关系轨道**  
<https://orbit.livasch.com/>  
一个可以看你推特关系轨道的小工具 Orbi，使用公开的推特数据来确定你与大家互动的关系，还挺好玩的。

## 随便看看

**中年人为了看世界杯有多拼？**  
<https://www.huxiu.com/article/726076.html>  
有一个特殊的群体，是中年球迷。他们年龄渐长，身体或许不再允许连续熬夜，受到家庭和事业的牵绊，也没有办法像年轻时那样全情投入自己喜欢的赛事中。但这群人，仍然在用不同的方式，为自己的心中所爱呐喊。

**财阀家的小儿子**  
<https://movie.douban.com/subject/30291070/>  
最近在看一个超级爽的韩剧叫《财阀家的小儿子》，刚出到第四集，宋仲基、李星民、申贤彬的演技完全在线，讲的是前世是财阀家的秘书被坑涉嫌侵吞巨款被他家某人杀后，穿越到 80 年代成为财阀家的小儿子，一边疯狂发育一边找杀自己的仇人复仇的故事。  
<img src="https://cdn.tw93.fun/blog/upic/EBI3Lt.jpg" width="800" />

**每期一个惊讶的代码效果：Space globe - Three.js**  
<https://codepen.io/isladjan/pen/bGpjZwN>  
一个国外开发者用不到 200 行 Three.js 实现的 Space globe 效果，很震撼灵动奇妙。  
<img src="https://cdn.tw93.fun/blog/upic/RgBUxC.gif" width="800" />