# 5. Lugu Lake

> The cover shows a boat ride to the “Dear Guest House” at Lugu Lake during National Day. I’ve never seen water so clear and blue. If you visit Lijiang, you absolutely must make time for Lugu Lake.

- Issue: 5
- Published: 2020/12/22
- HTML: https://weekly.tw93.fun/en/posts/5
- JSON: https://weekly.tw93.fun/api/en/posts/5.json
- Chinese original: https://weekly.tw93.fun/posts/5.md

---

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

<small>The cover shows a boat ride to the "Dear Guest House" at Lugu Lake during National Day. I’ve never seen water so clear and blue. If you visit Lijiang, you absolutely must make time for Lugu Lake.</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.**

## Good Reads and Learning

**The New Trend: Writing JS Tools in Other Languages**  
<https://2ality.com/2020/10/js-plus-other-languages.html>  
Lately, many fast JS tools are being built with Go or Rust. For example, [esbuild](https://github.com/evanw/esbuild), which is 100x faster than Webpack, is written in Go. This might be the start of a major shift.

**Bringing the Mona Lisa to Life with TensorFlow.js**  
<https://blog.tensorflow.org/2020/09/bringing-mona-lisa-effect-to-life-tensorflow-js.html>  
A deep dive into using deep learning and image processing to make the Mona Lisa’s gaze follow the viewer.

**Pure CSS Number Counter Animations**  
<https://css-tricks.com/animating-number-counters/>  
Instead of reaching for `setInterval` for a 0-100 counter, try this modern CSS-only solution.

**Time to Brush Up on Your Linux Knowledge**  
<https://juejin.im/post/6881755746216706062>  
The title is a bit cheesy ("Sorry, After Learning These Linux Tricks, I’m Feeling a Bit Cocky"), but it’s a solid refresher for anyone who primarily works as a frontend developer.

**The Most Important Code Commit in History**  
<https://hutusi.com/articles/the-greatest-git-commit>  
Exploring how Linus Torvalds designed the first version of Git—the background, design, and implementation lessons.

## Open Source and Tools

**SWC: A Super-Fast TS/JS Compiler**  
<https://github.com/swc-project/swc>  
Written in Rust, SWC is becoming a major player. Other Rust-based tools worth checking out include [RSLint](https://github.com/RDambrosio016/RSLint) and [Volta](https://github.com/volta-cli/volta).

**jspm: A Native JavaScript Module CDN**  
<https://jspm.org/>  
Load any package from npm directly in your browser or Node environment as a native module. Similar to [Skypack](https://docs.skypack.dev/).

**Jazzit: Play Sounds for Script Success and Failure**  
<https://github.com/Sangarshanan/jazzit>  
A fun Python library. Someone should definitely port this idea to Node.

**Headless Recorder: Chrome Extension for Puppeteer/Playwright**  
<https://github.com/checkly/headless-recorder>  
Record your browser interactions and instantly generate automation scripts. A great tool for E2E testing.

**Airbnb’s Visx: Reusable Low-Level Visualization Components**  
<https://github.com/airbnb/visx>  
Combines the power of D3 with the rendering advantages of React. Very distinct Airbnb aesthetic—perfect for modern visualization needs.  
<img src="https://airbnb.io/visx/gallery" width="800" />

**PASUKON: A Simple JavaScript Parser Generator**  
<https://pasukon.rocks/>  
Generate parsers using an easy-to-learn syntax. Includes a built-in lexer.

## iOS and Multi-Platform

**Analyzing the Principles of Major Mini-Program Cross-Platform Frameworks**  
<https://juejin.im/post/6881597846307635214>  
A deep dive into both Vue-like and React-like frameworks for mini-programs. A very informative long-read.

**Flutter Rendering Engine: The iOS Metal Edition**  
<https://zhuanlan.zhihu.com/p/214099612>  
Flutter supports Software, Metal, and GL rendering on iOS. This article focuses on how it leverages Metal for performance.

**Flutter Widget Architecture and UI Rendering Flow**  
<https://juejin.im/post/6874737011325059086>  
The foundational knowledge for mastering Flutter's state management, navigation, and rendering performance.

## Inspiration and Design

**DIY: An NFC Business Card with a Screen**  
<https://www.bilibili.com/video/BV1Cf4y1y7KT/>  
An incredible Bilibili project featuring a mini e-ink screen that can mimic IC cards and be configured via a custom app.

**Wanna Play Some Music with JS?**  
<https://bongo.cat/>  
Try pressing 1 1 3 1 6 5 or 1 1 3 1 8 6 for a surprise. Check out the [Song Submissions](https://github.com/Externalizable/bongo.cat/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3A%22Type%3A+Song+Submission%22+) for more. Also, check out [ZzFXM](https://keithclark.co.uk/articles/zzfxm/).

**Pure CSS Nintendo Switch**  
<https://codepen.io/cybercountess/pen/PoNXEqL>  
Most people would just use an `<img>` tag...

**How to Stay Focused for Long Periods?**  
<https://www.yuque.com/deerain/wqpb2o/nwazye>  
Most people can stay intensely focused for 30-40 minutes. If you're struggling to reach that, this article has some great tips.

**Why Do I Look Good in the Mirror but Bad in Photos?**  
<https://www.zhihu.com/question/34368524>  
A common question on Zhihu. It turns out there's a psychological and technical reason for the discrepancy.