# 第 50 期 - 婉泰咖啡

> 国庆去西双版纳玩了几天，主要任务就是吃各类 TOP 好吃的，封面图为那边网红咖啡婉泰，里面老挝咖啡用塑料袋装着，几天每次不重样的好喝。

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

---

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

<small>国庆去西双版纳玩了几天，主要任务就是吃各类 TOP 好吃的，封面图为那边网红咖啡婉泰，里面老挝咖啡用塑料袋装着，几天每次不重样的好喝。</small>

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

## 前端技术

**在 VR 环境中编程**  
<https://blog.immersed.team/working-from-orbit-39bf95a6d385>  
真心觉得这样很潮流，不过可能容易头晕写 BUG。  
<img src="https://cdn.tw93.fun/blog/upic/5TbuDX.jpg" width="800" />

**字节跳动是如何落地微前端的**  
<https://juejin.cn/post/7016911648656982024>  
看看字节怎么玩的。

**分享一年以来的 Electron 开发经验**  
<https://juejin.cn/post/7016534471734198279>  
也是字节的一篇关于 Electron 开发经验的梳理知识文章。

**GoPlus：go+ 语言**  
<https://github.com/goplus/gop>  
用于工程、STEM 教育和数据科学的 Go+语言。

```go
a := [x*x for x <- [1, 3, 5, 7, 11]]
b := [x*x for x <- [1, 3, 5, 7, 11], x > 3]
c := [i+v for i, v <- [1, 3, 5, 7, 11], i%2 == 1]
d := [k+","+s for k, s <- {"Hello": "xsw", "Hi": "Go+"}]

arr := [1, 2, 3, 4, 5, 6]
e := [[a, b] for a <- arr, a < b for b <- arr, b > 2]

x := {x: i for i, x <- [1, 3, 5, 7, 11]}
y := {x: i for i, x <- [1, 3, 5, 7, 11], i%2 == 1}
z := {v: k for k, v <- {1: "Hello", 3: "Hi", 5: "xsw", 7: "Go+"}, k > 3}

```

**说一说 Web 端侧 AI**  
<https://mp.weixin.qq.com/s/9PoFZVs7jiI992y6MWLqUQ>  
本文主要是给大家介绍什么是端智能，端智能的应用场景以及 Web 端侧实现 AI 的基本原理概念。

## 潮流开源

**react-windows-ui：windows 效果的 React Ui 库**  
<https://github.com/virtualvivek/react-windows-ui>  
效果很逼真，说不定哪天就用得上。  
<img src="https://cdn.tw93.fun/blog/upic/6GuLna.jpg" width="800" />

**graphics：几何形状集合**  
<https://tool.graphics/shapes>  
很漂亮，顿时想到下次做 Logo 的时候有学习模仿的地方了。  
<img src="https://cdn.tw93.fun/blog/upic/CkLR96.jpg" width="800" />

**用 VSCode 调试网页的 JS 代码有多香**  
<https://mp.weixin.qq.com/s/gA-ZEOPQ-IKFV_npo74E7Q>  
VSCode 也能调试浏览器上的的 JS 代码，还是比较香的，可是我用 webstorm（逃、、）

**Dummy-Robot：超迷你机械臂机器人项目**  
<https://github.com/peng-zhihui/Dummy-Robot>  
前几天超级火的那个机械臂项目的源码，看不懂还是直接看稚晖君的视频吧。  
<a href=https://www.bilibili.com/video/BV12341117rG target="_blank"><img src="https://cdn.tw93.fun/blog/upic/9xpp1c.jpg" width="800" /></a>

**flipper：debugger iOS 和 Android 的工具**  
<https://github.com/facebook/flipper>  
<img src="https://cdn.tw93.fun/blog/upic/eDeBNB.jpg" width="800" />

**uptime-kuma：一个潮流的自托管监视工具**  
<https://github.com/louislam/uptime-kuma>  
<img src="https://cdn.tw93.fun/blog/upic/9DUQ8W.jpg" width="800" />

**sharedb：实时协同数据 JS 库**  
<https://github.com/share/sharedb>  
看下图你就知道是做什么的东西了。  
<img src="https://cdn.tw93.fun/blog/upic/uEqlH7.gif" width="800" />

## 随便看看

**“得物”为何成为潮流电商 TOP 产品？**  
<http://www.woshipm.com/evaluating/5154872.html>  
看看年轻潮流同学用的购物 App 独特之处。

**有没有老哥一年四季一直喝凉水的？**  
<https://www.v2ex.com/t/806853>  
好吧，我还挺喜欢喝热茶的。

**芯片制程分庭抗礼**  
<https://mp.weixin.qq.com/s/BZgZCJzSkC2aUBbwboJC-A>  
了解一些半导体行业的知识。

**中国地产商为什么做不出环球影城、迪士尼？**  
<https://mp.weixin.qq.com/s/TqmOc1-Kl_Y5jIVO6hXNpA>  
动机不纯粹，外行人管内行人，后期不投入，是中国地产商做不好主题公园的主要原因。

**那些你应该说再见的 npm 祖传老库**  
<https://mp.weixin.qq.com/s/XC4VtYaWkN6frf0Y8LCeLQ>  
最近在响应 sindresorhus 大神的号召，陆续把一些类库升级为 ESM，期间重新审视 Egg 团队曾经沉淀下来的各种基础类库，也许需要说再见了，来自天猪。

**搭建体系的模块依赖关系与 import maps**  
<https://mp.weixin.qq.com/s/UOIrQeQA06FyUHxHOMlhzQ>  
步天讨论在搭建体系下，模块依赖关系的处理以及未来如何标准化的思考上。
