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;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. CSS和JS在网页中的放置顺序是怎样的? css放在head标签内,防止渲染时出现白屏 js放在最后body...
    billa_8f6b阅读 3,666评论 0 0
  • css和js 在网页中的放置顺序 js在网页的放置顺序 对于外部js的文件放置时,应该全部放在 标签内。但是这样的...
    倾国倾城的小饼干阅读 2,713评论 0 1
  • CSS和JS在网页中的放置顺序 网站加载的整个完整过程:首先浏览器从服务器接收到html代码,然后开始解析html...
    Joey的企鹅阅读 2,087评论 1 0
  • 1.CSS和JS在网页中的放置顺序是怎样的? css放在 标签中间,是为了防止白屏的出现 js放在body标签内...
    向前冲冲的蜗牛阅读 1,711评论 0 1
  • 不得不说,这段时间是我人生中最快乐、最享受的时光。 因为每天都在做想做的事情。 一、我的日常清单 不用上班,直接意...
    小Oly英语启蒙阅读 7,391评论 16 31

友情链接更多精彩内容