getability---one

1:css和js在网页中的放置位置?

css样式放在head中;js放置在body标签内的最后(防止阻塞后面内容的呈现,防止阻塞气候组件的下载),图片和css,会并发加载,而JavaScript会禁止并发;

2:解释白屏和FOUC

解析html标签,构建DOM树,解析CSS标签,构建CSSOM树,把DOM和CSSOM组合成渲染树(render tree),calculate(计算)节点几何结构,painting;白屏:浏览器在渲染的时候请求时间过长导致,使用@import()属性也可能导致渲染不及时。
FOUC现象(逐步加载无样式的内容,等加载后(CSS)页面突然展现样式)
Chrome:等待渲染树和位置计算好才会出来网页的内容;
FireFox:没加载一次DOM树就会重绘网页样式,知道所有的内容完成为止;

3:async和defer的作用?

async:加载和渲染后续文档元素的过程将和script.js的加载与执行并发进行(异步);
defer:异步,但script.js的执行要在所有元素解析完成之后,DoMcontentLoaded事件触发之前完成;
前者无顺序,后者有;

4:简述网页的渲染机制?

题二答案!
HTML>>DOM>>CSS>>CSSOM>>Rreder tree>>calculate>>painting;

你可能感兴趣的:(getability---one)