遇到的问题： 1.为什么要把css放在头部，js文件放在尾部？ 2.因js文件的加载阻塞，页面的显示？ 3.涉及到浏览器渲染的原理。 如图浏览器渲染的的过程：
在浏览器地址输入URL,浏览器会发送请求到服务器（即html文档所在的位置—我们输入的URL），浏览器下载html文档。开始解析html文档，从上到下，边解析，边生成DOM树。当遇到css样式或者css外部样式文件，些时浏览器先向服务器发送请求，下载css文件，边下载边继续解析html，下载css完毕生成CSSOM树。（加载图片资源时，不必等图片加载完毕，边加载边继续解析html）。当遇到内部js或者外部js文件时，向服务器发出请求，下载js文件，浏览器开始解析js文件，必须等待js加载完毕后，才可以继续解析html。边解析HTML,CSS.生成DOM树和CSSOM树，之后DOM树和CSSOM树生成渲染树。浏览器根据渲染树计算出位置和大小。最后绘制到浏览器。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浏览器渲染过程</title> //1 解析HTML <link href="demo1.css" /> //2 下载css，解析css </head> //3 执行2时，3可以并发操作 <body> <h1>浏览器渲染过程</h1> //3 <script src="demo1.js"></script> //4 下载js，解析js </body> //5 执行4时，5只能等待 </html>