"2019前端经典面试题 (2).docx"
这篇文档包含了2019年前端面试中的一些经典问题和解答，主要涉及HTML、XML、CSS选择器权重、网页构成、CSS布局以及JavaScript事件绑定等多个核心知识点。
1. HTML与XML的区别：
- HTML（超文本标记语言）主要用于展示数据，其语法较为宽松，预定义了一组固定的标签。
- XML（可扩展标记语言）则更注重数据的存储和描述，语法严谨，不预先定义标签，而是允许用户自定义标签。
2. CSS选择器权重优先级：
- 内联样式（权值1000）
- ID选择器（权值0100）
- 类选择器、伪类和属性选择器（权值0010）
- 标签选择器（权值0001）
- 伪元素选择器（权值0001）
- 通配符、子选择器、相邻选择器等（权值0000）
- 继承的样式无权值
3. 网页的构成部分：
- 构造层：HTML负责构建网页的基本结构
- 表现层：CSS用于控制网页的样式和布局
4. CSS实现不同分辨率屏幕下div居中：
- 使用绝对定位（`position:absolute;`），设置宽度和高度（`width:200px;height:200px;`）
- 设置top和left属性为50%，然后通过负margin调整（`top:50%; left:50%; margin-top:-100px; margin-left:-100px;`）
5. 浮动的几种方式：
- 第一种：使用`float:left`或`float:right`
- 第二种：使用`display:inline-block`
- 第三种：在结尾处添加空标签并设置`clear:both`
- 第四种：使用父级的伪类`:after`和`zoom`来清除浮动
6. CSS Sprites：
- CSS Sprites是一种将多个小图合并成一张大图的技术，通过调整`background-position`来显示需要的图像部分，以减少HTTP请求，提高页面加载速度。
7. 原生JavaScript给按钮绑定两个`onclick`事件：
- 使用`addEventListener`方法可以为同一个元素添加多个事件监听器，例如：
```javascript
var btn1 = document.getElementById('btn');
btn1.addEventListener('click', hello1);
btn1.addEventListener('click', hello2);
function hello1() { /* 事件处理函数1 */ }
function hello2() { /* 事件处理函数2 */ }
```
这些面试题涵盖了前端开发的基础知识，对于准备面试或者提升自身技能的前端开发者来说，是非常有价值的参考资料。理解和掌握这些知识点，能帮助开发者更好地应对实际项目中的各种需求。
