title: html，css，js的下载&执行顺序是什么?
desc: 请描述一下从我们输入网址， 点击回车之后. html，css和js文件的下载和执行顺序. 包括如下几点1. html下载与执行是同步的吗2. css文件的下载和渲染是同步的吗 还是先下载完， 再渲染3. css文件的下载amp执行 和 html文件的下载amp执行同步吗4. 图像的加载 和 html文件的下载执行同步吗， 音视频呢， 别的资源呢5. js文件的下载amp执行和html文件的下载amp执行同步还是异步如果带有async和defer呢6. 有没有可能出现html文件图片css文件js文件同时下载的情况7. 有没有可能出现htmlcss文件js文件同时执行的情况8. 从数据流打开document.open到加载js文件普通的， 带有async属性的， 带有defer属性的到DOMContentLoaded事件触发， 到数据流关闭document.close， 到window.onload事件触发， 能否从头到尾描述一下这个过程...9. 描述整个过程时请带上css属性的相互覆盖是否会导致重新渲染， js修改DOM结构是否会导致重新渲染， css属性的合并， 覆盖等等相互作用， js变量的覆盖等相互作用等等...10. 问了好多问题， <b>总之希望有人能从头到尾描述一下这个过程<b>html， css， js， 图片， 音视频等资源的下载 html， css， js等文件的执行...或者<b>有没有描述这个过程的优秀的文章<b>， 谢谢
topic: 前端开发
content: 这些问题很典型，也比较全面考察知识点，答案也并不绝对，秉承授人以鱼，不如授人以渔的精神，建议你静下心来好好学习，总结一次，自己去寻找答案，收获会很大的，当然如果你只想快捷获取答案，前面好些大拿都给出了大致回答。关于浏览器工作原理主题，google，baidu都是一大堆，推荐一篇比较权威的：How browsers work 这篇文章 ，是我看过最全面的，如果不喜欢读英文，我个人也写过一篇，尽可能写的简洁，清晰：浅析前端页面渲
answerer_tags: 前端开发工程师，15年毕业于北京交通大学，专注前端，喜好尝试新技术，热爱分享。