2019前端笔试题目答案

【一】页面布局题

【1】请说明HTML布局元素的分类有哪些？并描述每种布局元素的应用场景？

内联元素、块状元素、内联块状元素；

内联元素：用于不指定宽高，宽高由内容指定；

块状元素：用于指定宽高，标签占满一行；

内联块状元素：用于指定元素宽高，不占满一行。

【2】列举出在浏览器中，页面加载过程触发了哪些事件？并画出这些事件的执行顺序

（1）浏览器根据DNS服务器解析输入网址的ip；

（2）向这个IP发送HTTP请求；

（3）服务器收到请求，返回响应到浏览器；

（4）浏览器得到响应内容，加载页面

看到后面一问说画出事件的执行顺序，有点蒙蔽，这题目问的是页面渲染吧。。。然后我就写了页面加载、渲染两部分的内容，哈哈哈。画图也就画页面渲染的执行顺序了。。。

​

页面渲染的执行顺序

这里有两篇好文章，大家可查看大佬们更详细的解释

https://blog.csdn.net/xiaozhuxmen/article/details/52014901

https://juejin.im/post/5ca0c0abe51d4553a942c17d这篇好文还提到defer、async的区别，在面试的时候，面试官也问了这个问题，大家也可以mark一下。

【3】请描述一下为什么页面需要做优化？并写出常用的页面优化实现方案

【4】列举出CSS选择器有哪些分类，并至少写出三个CSS选择器之间的区别，适用场景

【5】请画出CSS盒模型，基于盒模型的原理，说明相对定位、绝对定位、浮动实现样式的原理

【6】div和span的区别

我有空慢慢再补充  待续.....