前端面试大全

token的主动介入和失效的被动是怎么处理的？(token失效/超时处理) 怎么设置本地存储的过期时间？ token超时处理-客户端主动介入 主要在请求拦截器中操作: token超时处理-(后端)被动

为什么组件保存数据的data是一个函数？ 详细说一下组件的生命周期钩子函数，以及各个声明周期函数可以做什么事情？ vue生命周期共分为四个阶段一：实例创建二：DOM渲染三：数据更新四：销毁实例 共有八

Map和Object的区别 Map和Set的区别 Set具有以下方法： 总结： 数组的filter、every、flat的作用是什么 filter的作用 创建了一个新数组，新数组中是符合条件的所有元素

浏览器的事件循环（JS的执行机制） 事件循环第一种 事件循环第二种 上面代码执行结果为：B D C A 解析一下原因为什么执行循序是这样的？ 这是因为异步任务又分为宏任务和微任务 macro-task

面试官：你了解vue的diff算法吗？说说看 一、是什么 diff 算法是一种通过同层的树节点进行比较的高效算法 其有两个特点： 比较只会在同层级进行, 不会跨层级比较 在diff比较的过程中，循环从

面试官：你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢 一、什么是SPA SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网

使用长token的思路(具体步骤)： 完整代码如下：当用户发请求时，如果后端返回401，就说明token过期 这时我们要统一监测后端返回的401代码

面试官：Vue项目中你是如何解决跨域的呢？ 一、跨域是什么 跨域本质是浏览器基于同源策略的一种安全手段 同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能 所

面试官：Vue组件之间的通信方式都有哪些？ 一、组件间通信的概念 开始之前，我们把组件间通信这个词进行拆分 组件 通信 都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组

面试官：你是怎么理解ES6中 Promise的？使用场景？ 一、介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大 在以往我们如果处理多层异步操作

vue中实现路由跳转的三种方式 一、使用vue-router 步骤 （7步法 ）： 下载vue-router模块到当前工程 在main.js中引入VueRouter函数 添加到Vue.use()身上

一、$ router 和 $ route的区别 $ router操作路由跳转 $route读取 路由参数接收 二、路由跳转方式name 、 path 和传参方式params 、query的区别 通过p

vue中data必须是函数是为了保证组件的独立性和可复用性，data是一个函数，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，你实例化几次，就分配几个内存地址，

面试官：有使用过vue吗？说说你对vue的理解 一、从历史说起 Web是World Wide Web的简称，中文译为万维网我们可以将它规划成如下的几个时代来进行理解 石器时代 文明时代 工业革命时代

面试官：你了解axios的原理吗？有看过它的源码吗？ 一、axios的使用 关于axios的基本使用，上篇文章已经有所涉及，这里再稍微回顾下： 发送请求 请求拦截器 响应拦截器 取消请求 二、实现一个

面试官：Vue项目中有封装过axios吗？主要是封装哪方面的？ 一、axios是什么 axios 是一个轻量的 HTTP客户端 基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富

数组中长用到的方法 push()：：向数组后面添加元素 unshift()：用于在数组的开头添加/插入一个或多个元素。 并且它返回数组的新长度。 pop()： 删除数组中的最后一个数据 shift()

面试官：说说 HTTP1.0/1.1/2.0 的区别? 一、HTTP1.0 HTTP协议的第二个版本，第一个在通讯中指定版本号的HTTP协议版本 HTTP 1.0 浏览器与服务器只保持短暂的连接，每次

> - json是一种*数据交换格式*，它采用的是`key-value`的数据格式（键值对）比如： > > `{"name" : "张三"}` 注意：必须是双引号 > - 它经常用于数据传输，比如前端

案列分析： 我们在盒子内点击， 想要得到鼠标距离盒子左右的距离。 首先得到鼠标在页面中的坐标（ e.pageX, e.pageY） 其次得到盒子在页面中的距离(box.offsetLeft, box.