三年渣渣前端面试总结(留给以后的自己)

• null 和 undefined 的区别
• let 、 const 、 var 比较
• push 、 slice 、 filter 、 map 等常用API的使用和内部实现(面试题见①)
• 必须掌握 __proto__ 和 prototype 并能画出原型图(面试题见②)
• 闭包的理解，闭包带来的好处和影响以及闭包的使用场景(可结合防抖节流来说)
• JavaScript 继承：原型继承和 class 继承(面试题见③)
• 箭头函数的作用以及什么情况下不能使用箭头函数
• JavaScript 的事件执行机制
• JavaScript 隐式转换及规则
• call 、 apply 、 bind 的异同以及内部实现
• new 的模拟实现
• ES5 模拟实现 const
• Promise 实现1、 Promise 实现2、 Promise.all 实现、 Promise.race 实现
• async await 的实现原理(需要介绍 Iterator、Generator )(面试题见④)
• async await promise 的执行顺序
• 实现ES6的 class extends (要考虑静态属性方法)

①举个:chestnut:，在往数组中插入某一项方法有哪些？答： push 、 shift 、 slice 、 splice ，这些 API 的执行速度是怎么样的？这就需要我们知道它们的内部是如何实现的

②求下面代码的值，并画出原型图解释原因

var F = new Function()
var obj = new F()
F.prototype.a = 1
obj.prototype.b = 2
obj.a = ???
obj.b = ???
复制代码

③介绍几种原型继承以及他们的优缺点，请卸车 class extend 继承的内部实现，扩展如何实现 class 内的静态方法

④这一道题开放性很大，需要实现同步异步以及结合闭包嵌套执行

浏览器

• 进程和线程
• 浏览器由哪些进程组成
• 浏览器内核线程组成
• 浏览器多进程到JS单线程全面梳理
• 浏览器重绘(repaint)重排(reflow)与优化
• 浏览器的跨域方式
• 跨域-JSONP、CORS、NGINX反向代理
• V8的垃圾回收机制
• HTTP握手
• HTTP缓存
• HTTP状态码
• HTTP1.0 1.1 2.0做了哪些改进
• localStorage、sessionStorage、cookie、session

面试题

①状态码为304时的数据处理过程？

②HTTP为什么需要三次握手四次挥手

数据结构和算法

• 链表结构特点
• 链表的插入删除和双向链表实现以及如何判断闭环
• 二叉树的递归和非递归实现
• 求二叉树的高度和宽度(递归和非递归实现)
• 斐波那契数列第几项以及前几项的和(递归和非递归实现)，摸这里
• 数组去重，此问题可升级为1、数组中对象去重2、数组中对象属性相同值不同去重
• 无序数组第k大数字(分数据量大小讨论)
• 目标数字在数组中排第几
• 求数组中最大的两个值
• 字符串匹配( [](){} 这种类型)(面试题见①)
• 实现一个 EventBus 包含 on 、 emit 、 once 、 off
• 常见的数组操作
• 只出现一次的数字Ⅰ/Ⅱ/Ⅲ
• 重建二叉树

①:chestnut:： (1){} 返回 false ， (){} 返回 true ，思路：

let obj = {
    '[': -1,
    ']': 1,
    '(': -2,
    ')': 2,
    '{': -3,
    '}': 3,
}
判断执行过程中，只要出现了字符不存在或者字符对应的值大于0就返回 false，否则返回 true
复制代码