首先感谢AdminJS，茫茫人海，我在这里遇到了我的爱人，我们相遇于AdminJS沸点，然后相识、相知、相见、相恋，见家长，并且一起计划我们的未来、相守、相伴
我真的很感激、很开心、很幸运、很幸福！
由于她也准备找工作了，所以本篇文章，写给我家女朋友，提前祝她找到一家好公司
HTML + CSS
HTML + CSS 面试复习指北
CSS 和 JS 基础都很重要，有些人明明框架源码都能对答如流，可是这些基础却支支吾吾说不明白，从而错过好的 offer 是真的很可惜，所以面试前一定要好好复习下这些基础知识
JavaScript 基础
可以看这篇文章 JavaScript 进阶知识点。内容包含数据类型、类型转换、Set、Map、WeakSet、WeakMap、this、箭头函数、闭包、深浅拷贝、原型链、继承、垃圾回收、事件循环等
JS 数据类型
最新的 ECMAScript 标准定义了8种数据类型。JavaScript 数据类型和数据结构
基础类型：Number, String, Boolean, undefined, null, Symbol, BigInt
复杂类型：Object
事件循环
JavaScript 执行机制
事件循环：一句话概括就是入栈到出栈的循环。即：一个宏任务，所有微任务，渲染(需要渲染的话)，一个宏任务，所有微任务，渲染.....
循环过程：
- 所有同步任务都在主线程上依次执行，形成一个执行栈(调用栈)，异步任务则放入一个任务队列
- 当执行栈中任务执行完，再去检查微任务队列里的微任务是否为空，有就执行，如果执行微任务过程中又遇到微任务，就添加到微任务队列末尾继续执行，把微任务全部执行完
- 微任务执行完后，再到任务队列检查宏任务是否为空，有就取出最先进入队列的宏任务压入执行栈中执行其同步代码
- 然后回到第2步执行该宏任务中的微任务，如此反复，直到宏任务也执行完，如此循环
深浅拷贝
浅拷贝：只拷贝对象第一层，键值是引用类型就拷贝指针。拷贝栈不拷贝堆
// 1. 展开运算符 ...
let obj1 = { ...obj }
// 2. Object.assign() 把obj2合并到obj1
Object.assign(obj1, obj2)
// 3. 手写
function clone(target){
let obj = {}
for(let key in target){
obj[key] = target[key]
}
return obj
}
// 4. 数组浅拷贝 用Array方法 concat()和slice()
let arr1 = [ 1,2,{ c:3 } ]
let arr2 = arr1.concat()
let arr3 = arr1.slice()
深拷贝：如果拷贝键值是对象，就需要进一步拷贝值，而不是指针了，所以一般需要用递归，直到全部键值都是基本类型
需要注意的是 属性引用了自身的情况，就会造成循环引用，导致栈溢出
解决循环引用 可以额外开僻一个存储空间，存储当前对象和拷贝对象的关系，当需要拷贝对象时，先去存储空间找，有木有这个拷贝对象，如果有就直接返回，如果没有就就继续拷贝，这就解决了
// 1. 用序列化和反序列化，重新开辟一块内存
let obj2 = JSON.parse(JSON.stringify(obj1))
// 2.手写递归 - 简易版
function clone(target, map = new Map()){
if (typeof target === 'object') { // 引用类型才继续深拷贝
let obj = Array.isArray(target) ? [] : {} // 考虑数组
//防止循环引用
if (map.get(target)) {
return map.get(target) // 有拷贝记录就直接返回
}
map.set(target,obj) // 没有就存储拷贝记录
for (let key in target) {
obj[key] = clone(target[key], map) // 递归
}
return obj
} else {
return target
}
}
Set、Map、WeakSet、WeakMap
Set 和 Map 都是强引用，都可以遍历，比如 for of / forEach
WeakSet 和 WeakMap 都是弱引用，对 GC(垃圾回收) 更加友好，都不能遍历
Set 和 WeakSet 只有键值(key)没有键名，Map 和 WeakMap 是键值对的集合
强弱引用：比如: let obj = {} 就默认创建了一个强引用的对象，只有手动将 obj = null，在没有引用的情况下它才会被垃圾回收机制进行回收，如果是弱引用对象，垃圾回收机制会自动帮我们回收，某些情况下性能更有优势，比如用来保存 DOM 节点，不容易造成内存泄漏
数组
会改变原数组的几个方法：pop()、push()、shift()、unshift()、reverse()、sort()、splice()、fill()、copyWithin()
其他更多详细的可以看这篇文章，总结的很详细：JS数组方法总览及遍历方法耗时统计，不说所有都记住吧，但是对于一些常用的方法要熟悉并知道区别，比如 forEach()、map()、filter() 之间的区别？
字符串
字符串相关如图，用法都在这篇文章 JavaScript 28个常用字符串方法及使用技巧