面试题专栏

分析 数组是连续存储，push很快，shift很慢 链表是非连续存储，add和delete都很快（但查找很慢） 结论：链表实现队列更快 链表实现队列 单向链表，但同时要记录head和tail 要从ta

链表 链表是一个物理结构（非逻辑结构），类似于数组 数组需要一段连续的内存区间，而链表是零散的 链表节点的数据结构{value, next?, prev?} 创建链表代码 链表vs数组 都是有序结构

请用两个栈，实现一个队列 功能 add delete length 队列 先进先出 API: add delete length 数组模拟队列 存在shift性能问题 逻辑结构vs物理结构 队列是逻辑

跨域请求 浏览器同源策略：浏览器的安全机制，不允许该网页请求第三方域名的资源，一般是获取服务端的数据。 同源策略一般限制Ajax网络请求，不能跨域请求server 不会限制<link> <img> <

JS严格模式细节要求很多，只掌握重点即可 特点： 全局变量必须先声明 禁止用with 创建eval作用域 禁止this指向window 函数参数不能重名

区别 mutation：原子操作；必须同步代码； action：可包含多个mutation；可包含异步代码；

分类 props和$emit 自定义事件 $attrs $parent $refs provide/inject Vuex 不同场景 父子组件 上下级组件（跨多级）通讯 全局组件 代码演示 1. pr

两者用途不同 computed用于计算产生新的数据 watch用于监听现有数据 题外话：computed有缓存 computed有缓存（依赖的东西没有变化就不会重新计算） method没有缓存（每次都

Node和Element DOM是一棵树，所有节点都是Node Node是Element的基类 Element是其他HTML元素的基类，如HTMLDivElement 代码演示 关系： HTMLCol

前置知识：盒子模型 box-sizing: border-box 实际宽度 = width = content + padding + border 代码：此时为border-box 内容宽度为250

答案 for await...of 用于遍历多个Promise 是Promise.all的代替品，只不过Promise.all是api形式并在then中获取数组结果，而for await of是循环形

for...in 遍历得到key for...of 遍历得到value 代码 适用于不同的数据类型 遍历对象: for...in 可以， for...of 不可以 遍历 Map Set : for..

建立TCP连接 先建立连接（确保双方都有收发消息的能力） 再传输内容（如发送一个get请求） 网络连接是TCP协议，传输内容是HTTP协议 三次握手 - 建立连接 1 client发包， server

箭头函数有什么缺点？ 没有arguments this是父级作用域的this 无法通过apply call bind 改变this 某些箭头函数代码难以阅读 什么时候不能使用箭头函数？ 对象方法 对象

节流throttle 可以这么比喻，节流就是游戏中技能cd，立即释放后需要等待cd结束才能再次释放 简易版实现如下： 节流的业务常见场景 经常用在用户频繁点击按钮，如每五秒钟点一次抢购 防抖debou

px和% px是基本单位，绝对单位（其他都是相对单位） %相对于父元素（dom树上的节点的父元素）的宽度比例 em和rem em是相对于当前元素的font-size rem相对于根节点的font-si