2.1 let const var 相关 参考答案： var ——ES5 变量声明方式 在变量未赋值时，变量undefined（为使用声明变量时也为undefined） 作用域——var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量后的代码都可以使用 let——ES6变量声明方式 在变量为声明前直接使用会报错 作用域——let为块作用域——通常let比var 范围要小 let禁止重复声明变量，否则会报错；var可以重复声明 const——ES6变量声明方式 ​ 1. const为常量声明方式；声明变量时必须初始化，在后面出现的代码中不能再修改该常量的值 ​ ...

1.1 html标签的类型（head， body，！Doctype） 他们的作用是什么 参考答案： !DOCTYPE 标签： 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. head： 是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者 该标签下所包含的部分可加入的标签有 <base>, <link>, <meta>, <script>, <style>和<title> body : 用于定义文档的主体, 包含了文档的所有内容 该标签支持 html 的全局属性和事件属性. 1...

4. 概念 4.1 mvc和mvvm的区别 参考答案： MVC: MVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。 这主要是基于分层的目的,让彼此的职责分开.View一般用过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本都是单向联系。 MVVM: MVVM是把MVC中的Controller改变成了ViewModel。View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示,通过数据来显示视图层...

3.11 列出一些应该使用 Refs 的情况 参考答案： 以下是应该使用 refs 的情况： 需要管理焦点、选择文本或媒体播放时 触发式动画 与第三方 DOM 库集成 3.12 React 事件绑定原理 参考答案： React并不是将click事件绑在该div的真实DOM上，而是在document处监听所有支持的事件，当事件发生并冒泡至document处时，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅减少了内存消耗，还能在组件挂载销毁时统一订阅和移除事件。另外冒泡到 document 上的事件也不是原生浏览器事件，而是 React 自己实现的合成事件（Synthetic...

3. react 3.1 react 虚拟dom 参考答案： 虚拟dom是什么？ ​ 虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而 提高性能。 实现过程 用 JavaScript 对象结构表示 DOM 树的结构 用这个树构建一个真正的 DOM 树，插到文档当中当状态变更的时候，重新构造一棵新的对象树。 用新的树和旧的树进行比较，记录两棵树差异把 2 所记录的差异应用到步骤 1 所构建的真正的 DOM 树上，视图就更新了。 3.2 虚拟dom和real dom区别 性能差异 参考答案： ...

2. 微信小程序 2.1 微信小程序是单页应用吗 参考答案： 是，通过路由进行页面切换 2.2 小程序的开发，发送一个请求，怎么请求数据的 参考答案： 在微信小程序进行网络通信，只能和指定的域名进行通信服务器域名在：小程序后台=> 开发=> 开发设置 => 服务器域名中配置，配置时需注意： 1）域名只支持https（request, uploadFile，downloadFile）和wss（connectSocket）协议。 2）域名不能使用ip地址或localhost。 3）域名必须经过ICP备案。 4）服务器域名一个月内可申请5次修改。 微信小程序包括四种类型的网络请...

1.30 双向数据绑定原理 参考答案： 目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种： 发布者-订阅者模式: 一般通过sub, pub的方式实现数据和视图的绑定监听，更新数据方式通常做法是 vm.set('property', value)，这里有篇文章讲的比较详细，有兴趣可点这里 这种方式现在毕竟太low了，我们更...

1.21 vue keep-alive 参考答案： keep-alive：keep-alive可以实现组件缓存，是Vue.js的一个内置组件。 作用： 它能够把不活动的组件实例保存在内存中，而不是直接将其销毁 它是一个抽象组件，不会被渲染到真实DOM中，也不会出现在父组件链中 使用方式： 常用的两个属性include/exclude，允许组件有条件的进行缓存。 两个生命周期activated/deactivated，用来得知当前组件是否处于活跃状态。 keep-alive的中还运用了LRU(Least Recently Used)算法。 原理：Vue 的缓存机制并不是直接存储 ...

1.13 js是如何监听HistoryRouter的变化的 参考答案： 通过浏览器的地址栏来改变切换页面，前端实现主要有两种方式： 通过hash改变，利用window.onhashchange 监听。 HistoryRouter：通过history的改变，进行js操作加载页面，然而history并不像hash那样简单，因为history的改变，除了浏览器的几个前进后退（使用 history.back(), history.forward()和 history.go() 方法来完成在用户历史记录中向后和向前的跳转。）等操作会主动触发popstate 事件，pushState，replaceS...

1.7 mutation和action有什么区别？ 参考答案： ​ mutation：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于件： 每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进 行状态更改的地方，并且它会接受 state 作为第一个参数 const store = new Vuex.Store({ state: { count: 1 }, mutations: { increment...

1.1 v-model 作用？ 参考答案： v-model 本质上不过是语法糖，可以用 v-model 指令在表单及元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素 它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值,而总是将 Vue 实例的数据作为数据来源，因此我们应该通过 JavaScript 在组件的 data 选项中声明初始值 扩展： v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件： text 和 textarea 元素使...

3. 设计模式 3.1 观察者模式 参考答案： 观察者模式（Observer） 通常又被称为 发布-订阅者模式 或 消息机制，它定义了对象间的一种一对多的依赖关系，只要当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新，解决了主体对象与观察者之间功能的耦合，即一个对象状态改变给其他对象通知的问题 观察者模式JS实现 let observer_ids=0; let observed_ids=0; //观察者类 class Observer { constructor() { this.id = observer_ids++; } //观测到变化后的...

2.13 索引是怎么实现的，倒排索引 参考答案： 倒排索引是目前搜索引擎公司对搜索引擎最常用的存储方式，也是搜索引擎的核心内容，在搜索引擎的实际应用中，有时需要按照关键字的某些值查找记录，所以是按照关键字建立索引，这个索引就被称为倒排索引。 首先你要明确，索引这东西，一般是用于提高查询效率的。举个最简单的例子，已知有5个文本文件，需要我们去查某个单词位于哪个文本文件中，最直观的做法就是挨个加载每个文本文件中的单词到内存中，然后用for循环遍历一遍数组，直到找到这个单词。这种做法就是正向索引的思路。 举一个例子，有两段文本 D1：Hello, conan! D2：Hello, hattori!...

2.10 第K大的数 参考答案： 三种方案： 排序，取第 k 个 构造前 k 个最大元素小顶堆，取堆顶 计数排序或桶排序，但它们都要求输入的数据必须是有确定范围的整数，所以本题不可用 那么除了这两种方案还有没有其它的方式可解决本题喃？其实还有两种： 快速选择（quickselect）算法 中位数的中位数（bfprt）算法 解法一：数组排序，取第 k 个数 最简单 代码实现： let findKthLargest = function(nums, k) { nums.sort((a, b) => b - a); return nums[k-1] }; 复杂度分析： ...