Technical Journal · Rivers and seas do not choose a trickle | A fundamental understanding of the asynchronous programming system; Prefresh……

Perhaps you have heard such a saying that the original knowledge graph design is the Internet itself, which is like a river and sea, so it can build today's huge network, and it continues to help us sort out our knowledge system. For example, how many implementations do you know about Web motion effects? What is the essence of asynchronous programming? What is the principle of the rapid update of the React like framework...

Guanhaizhi

Mountain climbing is full of love in the mountains, while watching the sea is overflowing in the sea

A fundamental understanding of the asynchronous programming system

Synopsis : There is a very significant feature in computers, that is, the access speed of different hardware is very different, which makes almost all optimizations around this point. Twenty years ago, the use of multithreading was the most mainstream solution to concurrency. However, due to the increasing number of concurrency faced by the system, with limited resources, we had to find a better solution: asynchronous. The purpose of asynchrony is not to make a single task execute faster, but to allow the computer to complete more tasks in the same time.

Recommendation : A fundamental understanding of the asynchronous programming system, a step-by-step analysis from the hardware, operating system, thread, and language levels, and taking a break from the cocoon. Through examples, we will guide you step by step to understand some of the essential principles of asynchronous programming. It is very good from the outside to the inside. Popular science articles.

Prefresh, Fast-refresh for Preact

Synopsis : This article mainly introduces the working principle of Prefresh. Readers of this article can understand what the Babel plug-in, Webpack plug-in and runtime of Prefresh do, and how to cooperate to complete the hot update of React components.

Recommendation : Hot update is an essential part of modern Web development. For the React ecosystem, in the past we used react-hot-loader to implement hot updates to React components, but now we use React Fast Refresh. Preact uses Prefresh to achieve similar functions, and because Prefresh is based on React Fast Refresh, reading this article can master the underlying principles of similar tools.

Detailed Web animation examples

Synopsis : A very complete set of basic Web animation tutorials, provided by Tilda, a visual website building tool similar to Webflow

Recommendation : This guide introduces Web animation technology through examples and usage skills. When you have no clue when using animation in your business, you can flip through it, and you may be rewarded~

Doodle Ipsum

Synopsis : Lorem Ipsum is the placeholder for text layout. Can illustrations also have corresponding products? So with Doodle Ipsum, in addition to a wealth of random options, it also supports the use of custom illustrations in the form of URLs, similar to Image PlaceHolder

Recommendation : Although the idea is important, it must be more important for front-end development engineers to understand the technical details behind the product. Since the illustrations have Doodle Ipsum, can there be product Ipsum in the actual business?

Liuzouting

Because of Shanbu’s ingenuity, he has poor eyesight looking at the water like the sky

Detailed communication protocol in Theia

Synopsis : As a commonly used expansion platform for Cloud IDE, Theia helps various plug-in modules to communicate directly with each other through the JSON-RPC protocol implemented by itself. This article starts from registering a basic service and teaches you how to complete Theia JSON-RPC communication process, and Describe the advantages and disadvantages of its implementation in detail, and give solutions,

Recommendation : Maybe not everyone needs to build a Cloud IDE, but the problems and solutions encountered in the implementation process, as well as the considerations and trade-offs about the pros and cons of the solutions, are encountered in every project. Every problem encountered in Cloud IDE is worthy of reference and reference in many other types of projects. Although this article has a certain reading threshold, it can still help everyone to have a certain understanding and thinking about JSON-RPC.

"Dandelion" journal, a weekly update, we focus on mining " underlying technology , engineering , cross-end framework technology , graphics programming , server development , desktop development , Artificial Intelligence , design philosophy , front-end frame " and many other industry hotspots, and professional interpretation; not only that, we will also recommend selected concave-convex technical articles to show everyone the research direction of the team.

Looking up, the seeds of dandelion will take root and sprout, like summer flowers; to learn from things, we climb high and overlook the sea, and we will reach thousands of miles in order to accumulate silicon.

Dandelion·JELLY Technical Journal Contribution Guide

Welcome to follow the blog of Bump Lab: aotu.io

Or follow the AOTULabs official account (AOTULabs) and push articles from time to time.