Will you like some liver this month?

Time:2020-10-26

HEADER

Dandelion · jelly technical weekly Vol.26

In October this year, I don’t know how many new entries have been added to todo list. You may have prepared vue3, webpack 5 and react v17.0 RC. However, in October, it is far more than these items that are worth trying. NPM cli prompts you to pass thenpm install -g [email protected]Experience the new version, and the tweet from chromium blog also shows that Chrome is deploying http / 3 and IETF quic

ascend a height to enjoy a distant view

The sky is high and the earth is wide, and the universe is infinite

Basic technology

NPM v7.0.0 release

NPM v7.0.0 brings many new features,WorkspacespeerDependenciesAutomatically installed, supportedyarn.lockAnd so onNodeJS v15Together. If you want to try it immediately, you can usenpm i -g [email protected]Run the installation at the terminal.

Chrome is enabling http / 3 and supports IETF quic

Quic (quick UDP Internet connections) is a low delay Internet transport layer protocol based on UDP developed by Google, which combines the characteristics of TCP, TLS and other protocols. Http / 3 is the latest version of HTTP and runs only on quic.
Translation:https://www.oschina.net/news/119045/chrome-is-deploying-http3-and-ietf-quic

Engineering

Webpack 5 module Federation: the innovator of JavaScript architecture

Module FederationIs one of the new features of webpack 5, which enables JavaScript applications to run another bundle or build code dynamically on the client or server. This article is the best tutorial in learning about this feature, because it was developed byModule FederationOne of the authors ofZack JacksonPublished, he wrote“Module FederationToJavaScript BundlerLikeApolloToGraphQLIt also describes the related technical implementation and project practice.
Translation:https://zhuanlan.zhihu.com/p/120462530

Graphic programming

Mechanics principle of IOS uiscrollview animation

It is very important to understand the mechanics principle of animation effect for the reduction degree of design. This paper deeply analyzes the mechanics principle of IOS UI scrolling view animation.
Translation:http://www.martinrgb.com/blog/index.html#/HOW_UIScrollView_Works

Design philosophy

Neglected design: Chinese Fonts

Font is one of the basic elements of design. However, there are few videos about type design, and the cognition of non professionals is also very limited. Many people will think, “ah, is air also to be designed?” Font as one of the basic elements of design, it is related to the design style of a nation. In this video, the basic knowledge of Chinese font is explained in a short six minute animation and narration

Tool promotion

SVGA — another realization / display method of AE animation

Compared with the famous bodymovin Lottie, SVGA uses another method to record animation information: the information of each frame is calculated before export, and recorded in the exported file. The player only needs to render frame by frame when rendering, and does not need to care about the calculation of interpolation between key frames. As a result, the library of parsing and player is much simpler than that of Lottie (57kb before gzip), and the exported files are also smaller; in addition, there are more restrictions: it does not support complex vector shape layers, does not support AE’s own gradient, generation, stroke, erase, etc., is not friendly to the original animation of design tools, and friendly to image animation

On the sea

The sea is a collection of relics, which can lead to thousands of miles

Web font processing of 101% restored design draft

Font design is a basic element in design, and it is also an important part of improving the user experience in the process of restoring the design draft. Only by taking into account the experience and 101% of all the details of the design draft can we live up to the painstaking efforts of all students in the project. This summary of the Web Chinese font processing scheme, I believe that we will all have a harvest, special font and web page performance is no longer a single choice question ~

1KB 3D game???

I don’t know how many students have heard of the js1k competition. The JavaScript code within the limit of 1024 bytes completes a competition. The 3D game recommended in this issue comes from this competition. It’s unbelievable, right? Don’t you come in and have a good time! (by the way, I’d like to give you a little question. If you want to complete a 3D game with less than 1KB of code, can you do it

“Dandelion” periodical, updated weekly, we focus on mining “Basic technologyEngineeringCross end framework technologyGraphic programmingServer developmentDesktop developmentartificial intelligenceDesign philosophyFront end frameIn addition, we will introduce selected articles on concave convex technology to show you the research direction of the team.

Looking up, the seeds of dandelion will take root and sprout, like summer flowers; with the knowledge of things, we will climb high and look far away and collect the remains of the sea, in order to accumulate silicon and travel thousands of miles.

Dandelion · jelly technical weekly contribution Guide

FOOTER

Welcome to the bump lab blog:aotu.io

Or focus on the official account of bump Laboratory (AOTULabs).

欢迎关注凹凸实验室公众号