Leonus
·
面试问题总结
💡
原文中文，约10500字，阅读约需25分钟。
📝
内容提要
经过三个月的等待，最近终于约了两场线上面试。回答不算好，但可以通过面试查缺补漏。感谢下面这篇文章提前复习了一些知识点，包括箭头函数和普通函数的区别、NodeList和Array的区别、类型判断的几种方法、CSS权重、CSS选择器、Vue父传子的几种方法、转字符串的几种方法、HTML语义化的理解、new的过程、HTML5新特性、CSS3新特性、ES6新特性、阻止a标签跳转的几种方法、浏览器输入URL后发生的过程、清除浮动的几种方法。
🎯
关键要点
- 经过三个月的等待，终于约了两场线上面试。
- 面试回答不算好，但可以通过查缺补漏来提高。
- 感谢文章提前复习了一些知识点。
- 箭头函数和普通函数的区别：箭头函数不绑定this和arguments，不能作为构造函数。
- NodeList和Array的区别：NodeList是类数组对象，不可迭代，Array是可迭代的。
- 类型判断的方法：使用typeof、instanceof、constructor和Object.prototype.toString.call()。
- CSS权重的优先级：!important > 行内样式 > ID选择器 > 类选择器 > 标签选择器。
- CSS选择器的种类：元素选择器、ID选择器、类选择器、伪类选择器等。
- Vue父传子的几种方法：Props和Provide/Inject。
- 转字符串的方法：String()、toString()、拼接字符串、JSON.stringify()。
- HTML语义化的理解：用正确的标签做正确的事情，便于搜索引擎解析。
- new的过程：创建新对象、指向原型、执行构造函数、返回新对象。
- HTML5新特性：语义化标签、表单增强、视频和音频支持、Canvas绘图等。
- CSS3新特性：选择器、边框圆角、盒阴影、渐变、过渡、动画等。
- ES6新特性：块级作用域、箭头函数、解构赋值、Promise对象等。
- 阻止a标签跳转的方法：使用javascript:、onclick返回false、event.preventDefault()。
- 浏览器输入URL后的过程：DNS解析、建立TCP连接、发送HTTP请求、解析HTML等。
- 清除浮动的方法：额外标签法、父级添加overflow、使用after伪元素等。
➡️
