美文网首页
getability---one

getability---one

作者: Klart | 来源:发表于2017-08-03 19:52 被阅读9次

    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

          本文链接:https://www.haomeiwen.com/subject/ukfmlxtx.html