1. 浏览器的加载的过程
浏览器接收到html代码,可能是一份完整的文档,也可能是一个chunk,即开始解析。解析过程是先构建dom树,再根据dom树构建渲染树,最后浏览器将渲染树绘制到页面上。
构建dom树的过程即根据html代码自上而下进行构建,当遇到script文件加载/执行会阻塞后面dom树的构建(javascript可能会改变dom树),而遇到css文件则会阻塞渲染树的构建,即dom树依然继续构建(除非遇到script标签并且css文件依旧未加载完成),但不会渲染绘制到页面上。而无论哪个阻塞,该加载的文件还是会加载,例如html文档中的其他css/js/图片文件。另外javascript被加载后就会被执行,执行的过程也阻塞树的构建。是执行完了才解析其他内容,而不是执行完了才加载其他内容
2. 添加css样式的方式有哪些?link和@import的区别?
3种:行内添加定义style属性值,页面头部内内嵌调用和外链调用,
区别:
link是xhtml标签,除了加载css外,还可以定义RSS等其他事务,@import只能加载CSS
link引用CSS时候,页面载入的时候同时加载,@import需要页面网页完全载入后加载
link是XHTML标