Leonus
·
面试问题总结
内容提要
经过三个月的等待，最近终于约了两场线上面试。回答不算好，但可以通过面试查缺补漏。感谢下面这篇文章提前复习了一些知识点，包括箭头函数和普通函数的区别、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伪元素等。
