# 68. River Workers

> I saw this while walking along the river over the weekend—a reminder of the hard work that goes into keeping our city clean.

- Issue: 68
- Published: 2022/03/08
- HTML: https://weekly.tw93.fun/en/posts/68
- JSON: https://weekly.tw93.fun/api/en/posts/68.json
- Chinese original: https://weekly.tw93.fun/posts/68.md

---

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

<small>I saw this while walking along the river over the weekend—a reminder of the hard work that goes into keeping our city clean.</small>

> **Record the down-to-earth trending technologies seen every week, and publish them here after screening. If you find it good, you can follow this weekly to get update notifications.**

## Front-End Technology

**Building a Web-Native Mini Program Framework**  
<https://mp.weixin.qq.com/s/S3Fj3cbXurIlgopm6_cL0w>  
A technical case study from the Tencent engineering team on their latest framework built specifically for Mini Program scenarios.

**The 5 Browser Observers: How Many Have You Used?**  
<https://mp.weixin.qq.com/s/-fLZe164aWAaPJ55iZ_m2w>  
MutationObserver, IntersectionObserver, PerformanceObserver, ResizeObserver, and ReportingObserver—each is incredibly powerful for modern web apps.

**PWAs on the Oculus Quest 2**  
<https://web.dev/pwas-on-oculus-2/>  
Learn how to build and optimize Progressive Web Apps for VR environments. the future of the web is increasingly spatial.  
<img src="https://gw.alipayobjects.com/zos/k/0z/yON5ME.jpg" width="800" />

**10 Ways to Hide Elements in CSS**  
<https://juejin.cn/post/7065871783232012318>  
Before reading this, I could only think of about five. it’s a great deep dive into the nuances of accessibility and layout.

## Trending Open Source

**GitHub Markdown now supports Mermaid Diagrams**  
<https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/>  
Finally, you can draw flowcharts, sequence diagrams, and more directly in your README files using Mermaid syntax.  
<img src="https://gw.alipayobjects.com/zos/k/la/yIZzND.png" width="800" />

**vCards: Improving the Call and Message UI on iOS/Android**  
<https://github.com/metowolf/vCards>  
A clever way to enhance your native phone experience through custom contact management.  
<img src="https://gw.alipayobjects.com/zos/k/en/ALGWB4.png" width="800" />

**WebVM: Run Linux Virtual Machines in your Browser**  
<https://github.com/leaningtech/webvm>  
A full Linux environment running entirely on WebAssembly. the technical feat of getting this to work in the browser is incredible.  
<img src="https://gw.alipayobjects.com/zos/k/xo/hIsJMV.png" width="800" />

**Stylo: A New Kind of Rich Text Editor**  
<https://stylojs.com/>  
A modern, flexible editor framework that’s worth an experiment for your next content-focused project.  
<img src="https://gw.alipayobjects.com/zos/k/n5/ScreenFlow.gif" width="800" />

**Simple, Dependency-Free Web Screenshots**  
<https://github.com/xataio/screenshot>  
A smart utility that uses the native `MediaDevices` API for capturing screenshots in the browser without heavy libraries.

## Just Looking Around

**The Youth Health Check Guide**  
<https://sspai.com/post/71677>  
An essential guide to understanding your medical checkup results and what you should really be monitoring as a young professional.

**The Return of $100 Oil**  
With global oil prices likely to stay above $100 a barrel in 2022, we look at the massive economic implications for China and the world.