Origin of Ray

I have been working on the front end for more than a year. Today, I suddenly heard a term called micro frontend. I was very curious, so I went to inquire about some information and summarized it here.

The previous blog summarized the horizontal vertical centering and two column layout.

This time we will continue to look at the Holy Grail layout, which is the three-row and three-column layout.

This time we continue to summarize the way and principle of the two-column layout in the mainstream layout of CSS.

First, let’s talk about what a two-column layout is.

The two-column layout generally specifies the width and Self-Adaptation layout. The left column of the two columns determines the width, and the right column is a layout effect that automatically fills all the remaining space.

Today’s question of the day by leetcode is a difficult question, but I summarize it not because of its difficulty, but because it is a combination of a variant of the prefix and and a binary search tree, which can help me review.

Summarize the different implementations of vertical center alignment in several mainstream layouts and the comparisons between them.

As a front-end development, perennial focus on JS, CSS did not form a systematic knowledge of the context, take this opportunity to summarize several mainstream layout centered text alignment of different implementations and comparisons between the programs.

Today’s leetcode daily question is a question about memory search. Here is a brief record.

This is the title link: https://leetcode-cn.com/problems/scramble-string/

Microservices are now popular, and the way of calling between different services has also undergone a series of developments. This time we will take a look at their development process together. Looking together is not only conducive to unified understanding, but also helps us see the reasons for the change. reason.

Let’s take the simplest scenario, Client calls an addition function, adds up two integers and returns their sum. If it is called locally, it is simple and can’t be simpler. As long as you have learned a programming language a little, you will be done.

But once it becomes a remote call, the threshold will go up all of a sudden. First of all, you have to know Socket programming, at least learn our network protocol course first, and then read N brick-thick Socket programming books and learn several Socket programming models we have learned. This makes a job that could have been done after graduating from college become a job that five years of work experience may not necessarily do well, and getting the Socket programming done is the first step in the long march. There are still many problems behind!

Recently, leetcode’s Daily Question started a series of ugly numbers, and made a few to summarize.

In ES6, we know that import and export replace require and module.exports to import and export modules, but if you don’t understand the characteristics of ES6 modules, the code may run with some unimaginable results. I will use this article. Uncover the features of the ES6 module mechanism for you.

I will not introduce the use of the two in detail. If you are interested, you can take a look at my previous blog:JavaScript Module使用语法

This article mainly addresses the following issues:

• Do these two output a copy or a reference, and if you copy it, is it a deep copy or a shallow copy?
• What is the difference between the loading and running times of the two?
• How do they solve circular dependencies and repeated loading problems?
• What are the differences between the operating environments of the two, when can they be mixed and why?