一、js
1.什么是js原型？原型链是什么？
所有的函数默认都有一个“prototype”这样公有且不可枚举的属性,它会指向另一个对象,这个对象就是原型。
构造函数的prototype属性就等于实例对象的__proto__属性，构造函数的prototype属性被称为显式原型，实例对象的__proto__属性被称为隐式原型
原型链，当访问对象的属性或方法时，首先对象会从自身去找，找不到就会往原型中去找，也就是它构造函数的“prototype”中，如果原型中找不到，即构造函数中也没有该属性，就会往原型后面的原型上去找，这样就形成了链式的结构，称为原型链。
1.原型链可以解决什么问题？
对象共享属性和共享方法
2. 谁有原型
函数拥有：prototype
对象拥有： __proto__
3.对象查找属性或者方法的顺序
先在对象本身找 --> 构造函数中查找 --> 对象的原型 --> 构造函数的原型 -->当前原型的原型中
function Fun(){
this.name = '1';
}
Fun.prototype.name='2';
let newObj = new Fun();
newObj.name='3';
newObj.__proto__.name='4';
Object.prototype.name='5';
console.log(newObj.name) // 3 -> 1 -> 4 -> 2 -> 5
2.闭包是什么？应用场景是什么？
闭包：函数嵌套函数，内部函数就是闭包，即有权访问另一个函数作用域的变量的函数
场景：立即执行函数，缓存，实现封装，实现模板
示例：
function outerFun(){
let a = 10;
function innerFun(){
console.log(a);
}
return innerFun;
}
let fun = outerFun();
fun(); // 10 或者写成outerFun()();3.promise是什么？和async await的区别是什么？
4.防抖，节流是什么？应用场景是什么？
5.事件循环机制是什么？
事件执行顺序：
1.同步
2.processs.nextTick
3.微任务（promise.then）
4.宏任务（定时器，ajax，读取文件）
5.setImmediate
注意：setImmediate类似于setTimeout，但是会在当前事件的末尾立即执行回调函数，而不是等待一定的延迟时间。优先级比setTimeout高
console.log(1);
async function async1(){
await async2();
console.log(2);
}
async function async2(){
console.log(3);
}
async1();
setTimeout(()=>{
console.log(4);
})
new Promise(resolve =>{
console.log(5);
resolve();
}).then(()=>{
console.log(6);
}).then(()=>{
console.log(7);
})
console.log(8); // 1 3 5 8 2 6 7 46.事件委托是什么？
事件委托也称之为事件代理，是利用冒泡机制，将事件的处理交给父元素或更高层级的元素来管理，而不是直接将事件处理程序绑定到每个子元素。
- 事件冒泡：目标元素事件先触发，然后父元素事件触发
- 事件捕获：父元素事件先触发，然后目标元素事件触发
事件执行顺序是：
- 先事件捕获（从 Windows -> document 依次往下）
- 再是目标事件处理
- 最后是事件冒泡
addEventListener() 第三个参数为 false 事件触发顺序是冒泡顺序，true 为捕获顺序，默认为 false（这个冒泡和捕获是说当子元素被点击时，我是先执行还是后执行）。
好处：
- 减少事件处理程序的数量：使用事件委托可以减少需要绑定事件处理程序的元素数量。相对于为每个子元素绑定事件处理程序，只需在父元素上绑定一个事件处理程序即可。
- 动态绑定和增加灵活性：当新的子元素被添加到父元素中时，它们会自动继承来自父元素的事件处理程序，无需再次手动绑定事件。
- 节省内存消耗：由于事件委托采用冒泡机制，它只需绑定一个事件处理程序，因此减少了多个元素各自绑定事件处理程序所占用的内存。
二、vue
1.token是什么？说一下登录流程
Token是服务端生成的一串字符串，作为客户端进行请求的一个令牌。
大概的流程：
- 客户端使用用户名和密码请求登录(服务器--后端)
- 服务端收到请求，验证用户名和密码
- 验证成功后，服务端(后台)会生成一个token，然后把这个token发送给客户端(前端)
- 客户端收到token后把它存储起来，可以放在cookie或者Local Storage（本地存储）里
- 客户端每次向服务端发送请求的时候都需要带上服务端发给的token(客户端--前端)
- 服务端收到请求，然后去验证客户端请求里面带着token，如果验证成功，就向客户端返回请求的数据
注意：这个token必须在每次请求时传递给服务器，应该保存在请求头里，另外服务器要支持CORS(跨域资源共享)的策略
2.computed和watch的区别
1.缓存：computed依赖data中的属性，会自动计算并缓存结果，watch不支持
２.异步：computed不支持异步， 当有异步操作时无效，无法监听数据的变化，watch 支持异步操作
３.return：computed中的函数必须用return返回，watch没有return
４.在computed中的，属性都有一个get和一个 set 方法，当数据变化时，调用 set 方法;
3.路由懒加载的原理？
Vue 路由懒加载的实现依赖于动态导入语法import()来实现异步组件。当路由被访问时，import()函数会返回一个Promise对象，这个Promise对象会在组件被加载完成后resolve，并将组件作为参数传递给回调函数。这样，只有在组件被实际需要时才会加载对应的模块，从而实现了路由的懒加载。
Webpack编译打包后，会把每个路由组件的代码分割成多个js文件，初始化时不会加载这些js文件，只当激活路由组件才会去加载对应的js文件
使用动态导入时，只有在用户访问对应路由时才会加载相应的组件，这样可以减少初始加载时间和资源消耗
注意：路由懒加载通常只在非首页路由中使用，因为首页路由通常需要在页面加载时就立即呈现给用户，不适合使用懒加载
// 使用动态导入进行懒加载
component: () => import('@/components/Home.vue')4.webpack的编译原理是什么？
webpack是一个串行流程，启动到结束依次执行：
1）初始化参数：解析webpack配置参数，合并shell传入和webpack.config.js文件配置的参数，形成最后的配置结果
2）开始编译：初始化Compiler对象，加载插件，执行对象的run方法
3）确定入口：从配置的entry入口，开始解析文件构建AST语法树，找出依赖，递归下去
4）编译模块：从entry出发，调用所有配置的loader对模块进行翻译，再找到该模块所依赖的模块，递归本步骤直至所有入口依赖的文件经过处理
5）完成模块编译：得到每个模块被翻译后的最终内容，以及依赖关系
6）输出资源：根据入口和模块之间的依赖关系，组装成一个个chunk，再把每个chunk转换为单独的文件输出
7）输出完成：输出所有的chunk到文件系统
5.
