输入网址,浏览器向服务器发出请求,返回html文件。载入<head>时发现<link>标签,请求服务器,返回css文件。载入<body>,渲染页面。发现<img>则请求服务器返回图片文件,下载文件时,页面在继续渲染。图片下载完成后重新渲染。发现<script>标签则运行。
回退(重新渲染reflow),因某个div的样式变化或是某些效果造成页面或是部分周围部分,内部布局重新渲染。
重绘(repaint),改变某个元素并不影响内部布局或是周围。页面不会重新渲染。
输入网址,浏览器向服务器发出请求,返回html文件。载入<head>时发现<link>标签,请求服务器,返回css文件。载入<body>,渲染页面。发现<img>则请求服务器返回图片文件,下载文件时,页面在继续渲染。图片下载完成后重新渲染。发现<script>标签则运行。
回退(重新渲染reflow),因某个div的样式变化或是某些效果造成页面或是部分周围部分,内部布局重新渲染。
重绘(repaint),改变某个元素并不影响内部布局或是周围。页面不会重新渲染。