High overlook

The height of the sky, feel the universe is infinite

Basic technology

Live delay? Why are the delays for live streaming so high

With the development of communication technology, video on demand and live broadcasting services are also emerging. In these business forms, streaming media technology plays an important role. But in practice, even in a good network environment, the host and the audience can still experience obvious delay. Why the delay? This article analyzes the causes of delay from the aspects of encoding, transmission and cache.

When to use TypeScript – Use scenarios full solution

It’s been nearly eight years since Microsoft first released TypeScript version 0.8 in October 2012. More companies and teams are experimenting with TypeScript, but there are still plenty of developers who are confused about where TypeScript fits in. In this article, we’ll look at when you should definitely use TypeScript, a strictly typed programming language, and when you should stick with native JavaScript.

The front frame

Atomic CSS-in-JS

You’ve probably heard of Atomic CSS and CSS-in-JS, but have you ever thought they could be used together? Twitter and Facebook are doing this. Twitter’s React-Native Web project is already in use with the Twitter desktop client, while Facebook’s Stylex project is already in beta. What is the magic of Atomic CSS-in-JS that has so captivated two social giants? This article should answer some of your questions.

Why did we create Rematch

In addition to explaining why we need state management tools, Redux data streams, and 7 thoughts and improvements to the Redux API, Rematch author Shawn McKay’s article proposes a formula for API design quality: Solver time/frame learning time = API design quality. If your project needs to expose some API or framework author, this formula can help you think about how to provide API quality.

engineering

Esbuild is probably the fastest JS/TS module packaging tool available

The packaging tool is a JavaScript module packaging tool developed in Go and supports TypeScript. According to the project benchmarks, esBuild is at least 100 times faster than other packaging tools (rollup/webpack/Parcel, etc.) using the same code (three.js)! Vue author Yu Yu’s new tool vite is also based on the ESBuild transformation library to add TypeScript support.

Graphics programming

Inside Pixar – Frame by frame, Soul gives you a thorough look at Pixar’s animation techniques

For front-end development, animation development may be based on the demo provided by the dynamic effect designer one-to-one reduction, but the students who have practiced know how difficult it is to achieve a real “one-to-one”. In fact, this tests the ability to develop dynamic effects of interpretation. In this paper, the new pixar animated film “Soul” of the trailer (mp.weixin.qq.com/s/D7xE3Wbd4…). Professional and detailed frame-by-frame interpretation, in-depth analysis of character lines and rhythm design, from the details of how the animation giants are separated from the mass market.

Server-side development

How to greatly reduce the size of Docker image for Node applications?

The authors tried to create a minimal image based on carbon.now.sh, optimizing step by step from a 2.43 GB image to less than 100 MB. In this article, we can learn some methods and techniques to reduce the size of the mirror and further improve the efficiency of the mirror construction.

Artificial intelligence (ai)

Data sets: the winning book of machine learning

When the troops and horses are not moved, food and grass should come first. It is necessary to find the appropriate data verification effect before the algorithm parameters. The site collects the largest and highest-quality training data sets for popular machine learning fields such as computer vision, natural language processing, and autonomous driving, greatly reducing the time spent searching for the right data set.

TAPAS: Using tabular data to answer natural language questions

Google has opened source Table Parser (TAPAS), a deep learning system that uses tabular data to answer natural language questions. TAPAS, trained on 6.2 million tabulated data extracted from Wikipedia, has performed as well as or better than today’s most advanced systems in several benchmark environments.

The sea gleanings

The sea, product kuibu and thousands of miles

Development utility: Those Webpack configuration tips

Webpack is an indispensable tool in front-end development. If you are impressed by ESBuild, I hope this article can calm you down. The foundation is the foundation.

The beginning of my time with Docker

Even if you have not used Docker, you must have heard of it. Collaborative development, environment switch, online testing, no matter what you do, Docker has applicable application scenarios in our development process. If you do not know, after reading this article, your development efficiency will be improved.

Welcome to the bump Lab blog: AOtu.io

Or pay attention to the bump Laboratory public account (AOTULabs), push the article from time to time: