Dandelion · JELLY Technology Weekly Vol.26

You may already have Vue3, Webpack5, and React V17.0rc, but there’s a lot more to try in Mid-October. NPM CLI prompts you to try out the new version via NPM install -g npm@7, Chromium Blog tweets also indicate that Chrome is deploying HTTP/3 and IETF QUIC…

High overlook

The sky is high and the universe is infinite

Basic technology

NPM v7.0.0 release

NPM V7.0.0 brings a number of new features, such as Workspaces, peerDependencies, automatic installation, yarn.Lock, etc., and will be released with NodeJS V15. If you want to try it right away, you can run the installation from the terminal using NPM I -g npm@7.

Chrome is enabling HTTP/3 and supports IETF QUIC

Quick UDP Internet Connections (QUIC) is a low-latency Internet transport layer protocol based on UDP developed by Google. It combines the features of TCP, TLS and other protocols. HTTP/3 is the latest version of HTTP and runs only on QUIC. Translation: www.oschina.net/news/119045…

engineering

Webpack 5 Module Federation: A JavaScript architecture changer

Module Federation is one of the new Webpack 5 features that allows JavaScript applications to dynamically run code from another bundle or build on the client or server. This article is one of the best tutorials to learn about this feature because it was published by Zack Jackson, one of the authors of Module Federation, who writes “Module Federation for JavaScript Bundler, Like Apollo to GraphQL”, and describes the technical implementation and project practices. Translation: zhuanlan.zhihu.com/p/120462530

Graphics programming

The mechanics of iOS UIScrollView animation

It is very important to understand the mechanics of animation effects for the restoration of design. This article deeply analyzes the mechanics of iOS UI scrolling view animation. Translation: www.martinrgb.com/blog/index….

The design philosophy

Neglected design: Chinese fonts

Font is one of the basic elements of Design, but there are very few videos on Type Design, and non-professionals have very limited knowledge about it. Many people will think: “Ah, so air is to be designed?” As one of the basic elements of design, font is related to the design style of a nation. This video uses six minutes of simple animation and narration to explain the basic knowledge of Chinese font

Tool to promote

Svga – Another implementation/presentation method for AFTER Effects animation

Compared to the well-known BodyMovin Lottie, the SVGA uses a different method of recording animation information: the information of each frame is calculated before exporting, recorded in the exported file, and the player only needs to render frame by frame, without having to worry about the calculation of interpolation between key frames. As a result, the parsing and player libraries are much smaller than Lottie’s (57KB before GZIP), and the exported files are smaller; There are also more restrictions: no support for complex vector shape layers, no support for after Effects gradients, generation, stroke, erasure, etc., not friendly to design tool native animation, friendly to image animation

The sea gleanings

The sea is small step to thousands of miles

Web font processing of 101% restoration of design draft

Font design is a basic element of design, and also an important part of improving user experience in the process of restoring the design draft. Only by restoring all the details of the design draft by 101% while taking into account the experience can the painstaking efforts of all the students in the project be worth it. This article is about the Web Chinese font processing scheme summary, I believe that everyone will benefit, special fonts and Web page performance is no longer a single choice ~

1KB 3D game??

JS1k this competition does not know how many students have heard, in the limit of 1024 bytes JavaScript code to complete a competition, and this recommended this 3D small game from this competition, very unbelievable right, also not quick to come in a cool! (By the way, a small question, if let you use 1KB code to complete a 3D small game, can you do it?)

“Dandelion” periodical, updated weekly, we focus on mining “basic technology, engineering, cross-end framework technology, graphics programming, server development, desktop development, artificial intelligence, design philosophy, front-end framework” and other general direction of the industry hot, and professional interpretation; Not only that, we will also present selected articles on concave-convex technology to show you the technical direction of research within the team.

Look up, dandelion seeds will take root, such as summer flowers gorgeous; Gewuzhizhi, we look far, the sea, in order to accumulate silicon step to thousands of miles.

Dandelion JELLY technology weekly contributes a guide