How the browser is loaded

1, do the front-end words with the browser has been dealing with, so say first to understand the browser loading rendering principle;

--What is page rendering?------Personal learning is summed up as: HTML code is displayed in the browser window according to the rules of the CSS we have written.

Page loading-visual impact:

User interface, browser engine, rendering engine, network, UI backend, JS interpreter, data storage

WebKit Render main flow: Parse HTML to build the DOM tree, construct the render tree, layout the render tree, and draw the render tree.

 ——— browser to display HTML structure: 
 First, you must send the request from the client to the server, and the server responds by returning HTML to the requesting client's browser. ( this time there's no style, and now it's all loaded, and then ) 
 Second, we wrote the HTML. He has a header. 
   

  runat=" server ">  <title> title </title>  <link href= "images/css.css"  rel= type=" TEXT/CSS "  />    

         We will always write a section of 

<link Href="Images/css.css" Rel= "Stylesheet"  type= /> specifically, the client Sprints server sends a CSS request and the server responds to your load. 
  Next, the effect of JS loaded, maybe I'm wrong but everyone has their own way of understanding; 
 
 
  You can refer to this passage: 
 
 ie is downloaded from top to bottom, and the order of rendering is from top to bottom, and download and rendering are simultaneous. When you render to a portion of a page, all of its parts are already downloaded (but not all associated elements have been downloaded.) During the download process, if you encounter a tag that is embedded in the file and the file is  semantically explanatory  (for example: JS script, CSS style), then the download process for IE will enable a separate connection to download. And after the download, parsing, parsing (JS, CSS, if there is a redefinition, after the definition function will overwrite the pre-defined function) process, stop all elements of the page down the download. The style sheet file is special, and after its download is complete, it is parsed with all previously downloaded style sheets, and after parsing is completed, all previous elements (including previously rendered) are re-styled. and continue to render in this way until the entire page rendering is complete.  
 
 
 
 See this guy write good to your website to see for yourself: http://blog.csdn.net/luckygll/article/details/7432713 This gentleman said is also very good. 
 
 
 
  message exchange study together! ---pa blood   
 
 
       

How the browser is loaded