news

1. Vite2 has been released. The Chinese version of the document cn.vitejs.dev/ has been released

V1 migration documents: cn. Vitejs. Dev/guide/migra…

2. Github repository was deleted by Ant-Design. It has been restored github.com/ant-design/…

The star count is going to start at zero, so if you don’t have a star, you can go to star

Good writing and learning

1. Vite Chinese Documentation community github.com/vitejs/docs…

If there are students who want to translate, they can participate in the translation work

What you see is what you get! IMove online execution code exploration mp.weixin.qq.com/s?__

IMove shares solutions for executing code online

3. Plug-in loading solution for dynamic form components juejin.cn/post/692482…

Flexible use of webPack and UMD packaging resources, no need to introduce dynamic components in advance.

4. A big guy’s blog antfu.me/

5. The anxiety of a grassroots front man juejin.cn/post/692245…

In the form of essay, I talked about the anxiety of contemporary grassroots front-end people. I like this grassroots writing way very much. Many problems are commonly encountered by programmers now.

6. Transition Tips and Details you may not know juejin.cn/post/692411…

Some basic transition operations, signature version functions:

7. Clever use of -webkit-box-reflect reflection to achieve all kinds of dynamic effects github.com/chokcoco/iC…

Tools and class libraries

1. Github project directly from vscode open github.com/conwnet/git…

2. Github 2020 Story skyline.github.com/

3. English poor students necessary vscode plug-in, solve the word can not read, the word do not know the pain point github.com/mqycn/huile…

4. Fusion official material library fusion. The design/PC/template

5. 2 practices for browser generated images: Text2Image github.com/egoist/text…

And the document realizes the Web side custom screenshot: juejin.cn/post/692436…

6. A CSS creation tool csS-doodle css-doodle.com/

7. 1K compact and fast number-precision library for precise addition, subtraction, multiplication and division github.com/nefe/number…

import NP from "number-precision";
NP.strip(0.09999999999999998); / / = 0.1
NP.plus(0.1.0.2); // = 0.3, not 0.30000000000000004
NP.plus(2.3.2.4); // = 4.7, not 4.699999999999999
NP.minus(1.0.0.9); // = 0.1, not 0.09999999999999998
NP.times(3.0.3); // = 0.9, not 0.899999999999999999
NP.times(0.362.100); // = 36.2, not 36.19999999999999996
NP.divide(1.21.1.1); // = 1.1, not 1.0999999999999999
NP.round(0.105.2); // = 0.11, not 0.1
Copy the code

8. Lightweight icon library

Github.com/tradingview…

9. A configurable header animation display tools finisher – the header HTTP: / / www.finisher.co/lab/header/

10. Must-see UX Design Trends for 2021! (in Chinese) www.bilibili.com/video/BV1Jr…