The cover picture was taken in the first cup of tea I drank in 18 years. It is very delicious. Students who have never been to Changsha deserve a visit

Record the front end trends you see every week, filter them out and post them here. Follow this column to receive updates

Good writing and study

Compiled the world’s first JS engine back to JS juejin.cn/post/690233… This year marks the 25th anniversary of the release of JS. The author found the first JS engine code at that time and ported it to the WASM version.

CSS Status Report 2020 2020.stateofcss.com/zh-Hans/dem… CSS usage status in 2020 is a foreign statistics, can be used to understand the STATUS of CSS developers, feature usage status, units, selectors, peripheral tools, etc.

Top 10 games from JS13K 2020 Contest github blog/2020-10-11-… The competition requires developers to build a web game with less than 13KB of JS in one month to see which of the top 10 are.

Taobao small program private domain interactive practice summary mp.weixin.qq.com/s/yfS-gx_GJ… From a more comprehensive perspective, Brother Qian sorted out and summarized the creative interactive projects of Taobao mini program in stages, introducing its relevant principles, capabilities, applications, current situation and future.

How to build a “traceless burial point” system? Mp.weixin.qq.com/s/nJZk-0WtE… See what other companies are doing.

Tools and Open Source

Rectangle: A Rectangle for Mac github.com/rxhanson/Re… The old window tool is a great way to place your Mac application window to up/down/Left/right/Center/Maximum, and move the window to the monitor.

Element UI for Vue 3.0 github.com/element-plu… Element3 is a new project refactored directly using the TypeScript + Composition API without tinkering with the original Element2.

WMR: A small all-in-one development tool for modern Web applications github.com/preactjs/wm… A relatively novel way to do everything in a 2M single file without dependencies, out of the box.

React-dev-inspector: Click on the page element in the editor to open the corresponding code github.com/zthxxx/reac… I click on the element on the page and VSCode opens the corresponding component. Principle revealed, for the development and maintenance of large projects, such a debugging artifact is quite good.

U^ 2-net: Quickly turn photos of people into pencil drawings

Github.com/NathanUA/U-…

I have an immature idea, find a scenic spot, open a portrait painting shop, first take photos, interval 3 hours to get the kind of..

IOS and the end

IOS AOP scheme comparison and reflection mp.weixin.qq.com/s/5JhbX4McM… AOP can be understood as faceted programming, it can be implemented dynamically through pre-compilation and runtime, without modifying the source code, to dynamically add functionality to the program technology, this article to learn.

A dig through Dark Mode with “diablo/Dark adaptation mp.weixin.qq.com/s/02QmgMkmV… This article is more about how to do it and what to watch out for as Dark mode becomes available on Android and iOS this year.

UME – rich Flutter debugging tools mp.weixin.qq.com/s/9GjXB9Eu-… Bytedance is an open source Flutter debugging kit that displays design UI, network, monitoring, performance, Logger, and other information in the App test package.

Inspiration and fun

Why is cilantro so polarizing? Daily.zhihu.com/story/97306… The original love or love to eat cilantro is also related to genes, worth a look.

JS in just 25 years ago when the birth of science and technology circles is how to evaluate superhighway. The dev/javascript -… It doesn’t feel long, but it feels long.

How do large factory apps protect employees’ privacy information? www.ui.cn/detail/5682… The article is written from the perspective of product design, we can see why to design so from the perspective of small white users.