技术提要

https://www.jianshu.com/p/9f460e66ce01 1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？ SPA（ single-page application ）仅

是什么： 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 为什么： 浅拷贝只解

js的new操作符做了哪些事情 new操作符新建了一个空对象，这个对象原型指向构造函数的prototype，执行构造函数后返回这个对象 1、创建一个空的对象 2、链接到原型 3、绑定this指向，执行

常见数据结构 栈：栈的特点是只能在某一端添加或删除数据，遵循先进后出的原则 队列：队列是一个线性结构，特点是在某一端添加数据，在另一端删除数据，遵循先进先出的原则。 链表：链表是一个线性结构，同时也是

HTTP HTTP 请求由三部分构成，分别为： 请求行（大概长这样 GET /images/logo.gif HTTP/1.1，基本由请求方法、URL、协议版本组成） 首部（首部分为请求首部和响应首部

是什么： event loop它最主要是分三部分：主线程、宏队列（macrotask）、微队列（microtask） js的任务队列分为同步任务和异步任务，所有的同步任务都是在主线程里执行的，异步任务

安装 使用 npm: $ npm install axios 使用 bower: $ bower install axios 使用 cdn: <script src="https://unpkg.co

一：什么是SEO？ 　　搜索引擎优化（Search Engine Optimization）,简称SEO。是按照搜索引擎给出的优化建议，以增强网站核心价值为目标，从网站结构、内容建设方案、用户互动传播

axios 获取后台数据的方法插件 promise 处理异步的方法 封装 在实际项目里为了更方便的使用axios获取后台数据，这里我们用promise封装一下 vue项目里封装方法我们一般放在util

是什么： 是一个专为 Vue.js 应用程序开发的状态管理模式。属于全局单例模式管理。 为什么： 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 适合中大型单页应用，需考虑如何更好地在

是什么： 提升网站性能 性能指标： 等待时间（TTFB）：直观反映网络情况和后台处理能力 所有异步请求能在1秒内完成 - 及时给用户反馈 - 否则加loading动画等交互效果 动画页面效果不低于60

结论： 1.onclick事件在同一时间只能指向唯一对象 2.addEventListener给一个事件注册多个listener 3.addEventListener对任何DOM都是有效的，而oncl

GPU 图形处理器（英语：graphics processing unit，缩写：GPU），又称显示核心、视觉处理器、显示芯片，是一种专门在个人电脑、工作站、游戏机和一些移动设备（如平板电脑、智能手机

是什么： CDN - 内容分发网络。 CDN原理 用户在通过浏览器访问未使用CDN加速的网站的大致过程如下： 用户在浏览器中输入要访问的域名。 浏览器向DNS服务器请求对该域名的解析。 DNS服务器返

是什么： Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象，因此它是不可构造的。 与大多

是什么： Proxy 用于修改某些操作的默认行为，是在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。 为什么： 使用 Pr

是什么： webpack 是一个用于现代 js 应用程序的 静态模块打包工具。 为什么： 解决： 一是浏览器中运行 js 的方式的效率问题 我们知道有两种方式在浏览器上执行js 1 引用一些脚本来存放

是什么： 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 为

是什么： 1 采用MVVM模式(模型视图视图模型) 2 核心API-Object.defineProperty（vue3.0启用Proxy） Object.defineProperty缺点： 3 虚拟

是什么： 虚拟DOM（Virtual DOM） 其实就是一棵以 js 对象( VNode 虚拟节点)作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。最终可以通过一系列操作使