Never forget the thanks

After I shamelessly said the word “fire”, some friends came to see my article and some people supported me, which kept me motivated, because every update of the article was a spur for me, so that I did not slack off after a day of writing and went home to keep learning.

Friendly fire prevention guidance

The audience may include those who have worked for several years, those who have just graduated from college like me (of course, there are also those who have just graduated from college and are a big shot), and those who are still in school and preparing to enter the front-end industry.

Experienced, want to guide: can leave a message to guide, your guidance can help me and the officers take a few detours, we will sincerely thank you,

New graduates like me: We can talk together, and different opinions may collide into wonderful answers.

Preparing for the line, preparing for the interview of the children, I hope you do not simply go back to the test questions, learn to understand the knowledge of the industry impetuous but we do not impetuous industry. Back a question you can only one, understand a question, a knowledge point can help you to do a type of question, the latter is more tired but more efficient, I hope you will have a good future. Come on!

Hello CSS interview (still basic)

  • 1. What is the box model? (True · Basic question)

  • 2 What is block-level formatting Context (BFC)? What elements generate BFC? What are the layout rules of the BFC?

The content of BFC needs to be well understood and is usually combined with practical issues such as margin overlap.

  • 3 The percentage of width and height is calculated relative to who? What about padding and margin?

  • How do I set a square whose side length is half the width of the browser?

Combine that with the last question. The padding of the element is calculated relative to the width of the parent element, so the answer is not obvious. There’s another answer for the next question.

  • 5. Do you know the unit of VM VH?
  • How to center an element vertically?
  • Do you know anything about Flex layout? Use flex layout to implement a three-column layout
  • Can you achieve a three-column layout without Flex?

Just in case you have to say two or flex layouts and you’re nervous and forget, don’t be afraid to use the Holy Grail layout and the Double Swallow layout.

  • 9 How many values does the position property have? Which values leave the document flow? Absolute is positioned relative to whom? Relative?
  • Rem and EM? With respect to whom?
  • 11 Do you know mobile adaptation? What is REM layout? How to solve the 1PX problem in mobile terminal.

Experienced a short period of REM layout, can understand the Retina screen, as well as some physical pixel knowledge, Taobao unlimited adaptation can understand, media queries do not forget.

  • 12. Do you know about cSS3’s Transform?
  • 13. Do you know about cSS3 animation? What are the required properties?
  • What are the performance differences between translate, top, and margin when implementing a div move animation?

This problem involves the contents of a render layer. If you answer, you might ask how to create a render layer.

  • 15 Are you familiar with CPU and GPU? What’s the difference? How to call GPU rendering.

I’m not going to talk about browser redraw issues here, but I’ll have to remember some of them, which I’ll definitely cover when I continue to study browser performance.

  • The last basket: How to clear the float? What is CSS style initialization? Why would you do that? What are the weights of CSS selectors? What are pseudo-classes and pseudo-elements?

The above small laundry list of problems relatively speaking, should have seen a lot of. And it really appears in their usual study and do small projects, I will not mention it, also not sure whether the interview will ask.

These CSS issues are really high in my opinion. Mobile REM layout, Flex layout, CSS animation, height and width percentage issues. Especially when working with UI libraries like Element-UI and Ant-Desgin that work with frameworks like Vue and React, you don’t have that knowledge, and without that knowledge it’s hard to modify the UI libraries to look the way you want. CSS is a dark magic, knowledge can be said to be endless, I hope you face it.

Summary and Chicken Soup

Although it is a summary of the interview questions. But every time I recall the content of these interview questions, I am thinking about whether these knowledge is difficult to achieve in one move, one learn? Seems to be. As a new cabbage front end, I do the demand given by the product manager every day. It is difficult to find a chunk of time to study except Saturday and Sunday (the company is quite happy to take a two-day break). I want to polish my foundation on Saturday and Sunday, but I think I have to work for five days to read books. Each of these basics is changing the way you code. When you know translate will create a new layer, you’ll use it more often, regardless of compatibility. When you understand why you’re rearranging and redrawing things, and you avoid them, your project will flow better and better, and a solid foundation will really help you think more rationally about problems and coding. Pulled far pulled far, wish every officer after watching this section of chicken soup have a good mood.

Refueling continuously forward FE!!

We’re gonna do it. We’re gonna do it. This road we all walk too hard, together encourage each other, together side by side!

If you’re not interested, just ignore it

Because most of my classmates are engaged in internet-related occupations, and they always make fun of finding a job when chatting in their spare time, SO I plan to collect all my classmates’ experience in finding a job. Provide to want to be engaged in this aspect of the students, hope that the circle of friends can progress together, common less pit.

Other posts from our gay friends group:

Android gay friends Java gay friends