Shulou(Shulou.com)06/02 Report--

This article mainly introduces the introduction of web front-end engineers what to know, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

1. The basic structure of the web page (HTML, CSS)

HTML is a markup language, not a programming language. The most basic thing is that the tags are and, and CSS is used to define how to display HTML elements. It's easy to get started with HTML+CSS, but many people don't go deep enough. Here are a few examples:

What is the purpose of the label? what is the difference between margin-left and left, and under what circumstances should it be used? Another DIV+CSS layout problem: a DIV with uncertain width contains three horizontally aligned DIV, the width of the left and right DIV is fixed to 150px, and the middle DIV is filled with the remaining width. If you don't know these problems yet, and you can't solve that layout problem in a few minutes, you don't know enough about HTML+CSS.

2. How do browsers display web pages

Browsers with different cores render web pages differently. Currently, browsers all have client-side debugging tools. The following figure shows the details of loading a google homepage under IE9:

When doing web performance optimization, you need to know more about browser rendering and details. A more useful knowledge point: the current limit for parallel loading of browsers is 6, and older browsers will be different.

3. What is the cycle of the web page

Under different web frameworks, the life cycle of the page will be different, basically the same: the client sends the GET request, the server returns the corresponding page, the client completes the operation and data, and then POST to the server. Be sure to know the details of data transmission (foreground and background, between pages).

4 、 DHTML DOM BOM JavaScript AJAX

This is the top priority of Web front-end development, and we deal with them most of the time. A few points to note: javascript is single-threaded programming, and the so-called javascript asynchronous programming is just planning to execute the corresponding events at some point in the future.

Learn more about the DOM event mechanism; client-side storage (localStorage and sessionStorage are added to HTML5); javascript is not as rigorous as the server-side language, and debugging is not very convenient, so you should develop a rigorous javascript editing habit at the beginning

Javascript is powerful and flexible, so don't fantasize about being proficient (let alone proficient in it) in a short period of time, and write some frameworks and class libraries. In the initial stage, you should start with a proficient framework (such as jquery); be sure to be proficient in using client-side debugging tools.

5. Server-side language development experience, PS image cutting technology

Web front-end development is somewhere in the middle of design and development, so you need to know something about both ends. The editing language is the same. I have written a server language before, which is very useful for learning javascript. From pictures to static HTML pages, there is no lack of PS cutting technology.

6. Browser compatibility

Due to historical reasons, browser compatibility has always plagued web front-end engineers. Although there is a W3 organization and some specifications have been developed, and although browser manufacturers are trying to improve and approach their specifications, there is a place for various kernels and versions of browsers in the real network environment.

7. Fast learning ability and willingness to learn actively

With the rapid development of web front-end, it is necessary to have fast learning ability and active learning willingness to engage in this industry, so as to meet the requirements of Web products. There is no absolute right or wrong in the Web front-end field, there are many ways to solve a problem, but we need to find a more suitable method, to find a more suitable method requires experience to accumulate, in short, the Web front-end is easy to start, it is difficult to be proficient, and we need more willingness to take the initiative to learn.

8. Good communication skills

Excellent front-end engineers need to have good communication skills, because your work is closely related to the work of many people, such as project managers, designers, end-users, development engineers, front-end engineers are located at the intersection of these types of people. You have to take good care of these roles, balance the needs of these four types of people, and come up with a more appropriate solution. Thus it can be seen that communication skills are more demanding to front-end engineers.

Thank you for reading this article carefully. I hope the article "what is the introduction to web front-end engineers" shared by the editor will be helpful to you. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.