# 第 68 期 - 河道工作者

> 照片拍于周末小河边遛弯看到的，很勤劳的工作者。

- Issue: 68
- 发布日期: 2022/03/08
- HTML: https://weekly.tw93.fun/posts/68
- JSON: https://weekly.tw93.fun/api/posts/68.json
- English translation: https://weekly.tw93.fun/en/posts/68.md

---

<img src="https://gw.alipayobjects.com/zos/k/tj/IMG_8052.HEIC.JPG" width="800" />

<small>照片拍于周末小河边遛弯看到的，很勤劳的工作者。</small>

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

## 前端技术

**Web 内核微信小程序框架实践**  
<https://mp.weixin.qq.com/s/S3Fj3cbXurIlgopm6_cL0w>  
腾讯技术工程团队的一篇做这个小程序新框架的实践。

**浏览器的 5 种 Observer，你用过几种？**  
<https://mp.weixin.qq.com/s/-fLZe164aWAaPJ55iZ_m2w>  
MutationObserver、IntersectionObserver、PerformanceObserver、ResizeObserver、ReportingObserver 有过吗？

**PWAs on Oculus Quest 2**  
<https://web.dev/pwas-on-oculus-2/>  
如何在 VR 的浏览器里开发适配 PWA.  
<img src="https://gw.alipayobjects.com/zos/k/0z/yON5ME.jpg" width="800" />

**在 CSS 中隐藏元素的 10 种方法**  
<https://juejin.cn/post/7065871783232012318>  
没有看之前只能想到 5 种。

## 潮流开源

**Github 支持在 markdown 里画流程图了**  
<https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/>  
<img src="https://gw.alipayobjects.com/zos/k/la/yIZzND.png" width="800" />

**vCards：优化 iOS/Android 来电、信息界面体验**  
<https://github.com/metowolf/vCards>  
已经开始用了，不过还不是很足的样子。  
<img src="https://gw.alipayobjects.com/zos/k/en/ALGWB4.png" width="800" />

**webvm：在浏览器中运行虚拟机**  
<https://github.com/leaningtech/webvm>  
试试在 WebAssembly 里面跑虚拟机。  
<img src="https://gw.alipayobjects.com/zos/k/xo/hIsJMV.png" width="800" />

**Stylo：另一种富文本编辑器**  
<https://stylojs.com/>  
<img src="https://gw.alipayobjects.com/zos/k/n5/ScreenFlow.gif" width="800" />

**screenshot：无依赖的 Web 截图能力**  
<https://github.com/xataio/screenshot>  
通过 Web 的 MediaDevices 的 Api 能力来截图，思路还不错。

## 随便看看

**年轻人的体检指南**  
<https://sspai.com/post/71677>  
体检在检查什么。

**世界将再次进入 100 美元油价时代**  
<https://mp.weixin.qq.com/s/g10N0brrkNlGPzXJS910tg>  
2022 年，国际油价有很大可能第三次站在每桶 100 美元之上。油价每上涨 10 美元，中国将多支出 350 亿美元。