实际面试题

公司1
1、Promise.then()函数的第二个参数和.catch()函数有什么区别？
都是用来捕获错误的 ，但是then的第二个参数只能捕获当前这个promise产生的错误，而多次调用promise的时候，链式调用的时候最后一个catch方法能捕获到前面所有promise产生的错误 ，所以 推荐使用catch

2、一个http请求流程
https://www.cnblogs.com/xuzekun/p/7527736.html

3、有没有自己写过try catch捕获错误的方法
4、for in和for of的区别
5、meta标签有什么用？有哪些常用的值？
6、TCP 和HTTP和HTTPS和websocket有什么区别
http://www.webzsky.com/?p=1388
7、JavaScript垃圾回收机制
标记清除、引用计数。
https://www.cnblogs.com/fanlu/p/11176319.html
8、webpack里面的px转rem的插件有没有用过？自己配置的嘛？
postcss-px2rem autoprefixer浏览器的前缀自动添加

公司2、
1、跨域 jsonp能不能用post请求？为什么？
2、vue里面的计算属性和method有什么区别？
3、commit在不在action里面调用可以吗？
4、浏览器请求服务器的过程？底层一点 详细一点

公司3：
1、Git和SVN的区别？
2、虚拟DOM和真实DOM哪个更快？
3、浏览器优化？为什么CDN存储更快？
4、Git的merge和rebase有什么区别？
5、webpack配置里面的bundle.js
6、promise是什么 优缺点
7、vue-router的history和hash区别

公司4：
1、vue中毫无关系的两个组件之间通信的方法
bus
其中一个用emit 另一个就用V-on监听
2、捕获和冒泡哪个先执行哪个后执行？addEventListener()第三个函数的true或者false代表什么？
3、vue的render函数有什么用？
构造虚拟DOM
4、js的异步加载方式?假如加了defer之后加载顺序？
5、v-model是怎么实现的
6、为什么修改this.name就能修改值呢 而不是this.data.name?
7、vuex的gettters能不能返回函数
8、首屏优化怎么控制图片后面加载呢？
9、scope的作用，那在scope里面定义改变body的颜色？能不能实现呢？
公司5：
1、自我介绍
2、说一下你自己介绍的项目 你负责的哪些东西
3、vue中有哪些数据绑定会失效？就是数据变化视图不会更新（数组的直接设置和对象 见另一篇）
4、微信登录怎么做的？我说没用微信登录，他说那你介绍一下怎么登录的 流程是什么？
5、在做api请求前会做什么？（他说接口出错怎么处理）
6、项目中遇到的难点
7、讲一下你的项目中有什么可以优化的地方？（图片CDN，按需加载）
去年的某公司:
一面：
1、vue-router 的history和hash 有什么区别
2、移动端的1px像素问题 怎么处理
3、骨架屏怎么做的？

二面：
1、vue双向绑定原理
2、MVVM在vue中怎么体现，为什么说是vue是MVVM框架？
https://www.cnblogs.com/keepfool/p/5619070.html
文章开头写了vue里面哪些是viewmodel

公司6：
vue怎么动态添加路由
使用router.addRoutes
https://segmentfault.com/q/1010000009202184/a-1020000015899477
2、怎么获取iframe中的元素
https://www.cnblogs.com/blog-cq/p/5557194.html
3、怎么随机打乱一个数组（洗牌算法）
从数组的的最后一个开始与随机生成的索引开始交换 一直交换到第一个
如果是随机从100个数组里面取50个 则是结合洗牌算法 从最后一个开始往前交换 直到交换50个 最后取原数组的最后50个
https://www.lagou.com/lgeduarticle/22059.html

公司7、
1、说下闭包
2、浏览器的回流（重排）和重绘
3、for in和for of的区别
for in用来遍历数组或者对象的属性。会遍历其中的可枚举属性，包括其原型上的可枚举属性，但是这个for in的遍历是无序的 所以一般不用来遍历数组
for of是es6新提出来的
Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是 ES6 创造了一种新的遍历命令for...of循环，Iterator 接口主要供for...of消费。
只要有自带iterator接口的数据结构才能用for of去遍历
自带iterator的数据结构有：Array， Map, Set, NodeList对象, 函数的argment对象，String，和TypedArray
对象并没有部署这个接口，所以如果对象需要用for of的话需要自己部署这个接口。
如果在遍历中出错或者有break 提前结束 则需要部署return函数。具体参考阮一峰的es6
阮一峰的es6
我回答的是数组用for of 对象用for in 其实并不简单是这样。

4、浏览器的协商缓存和强缓存
这个写得蛮好
首页index.html一般使用协商缓存，理由就是要用户每次请求index.html不拿浏览器缓存，直接请求服务器，这样就保证资源更新了

5、数组有哪些常用的方法
6、如果需要做一个封装器 一个接口依赖另一个接口，需要封装怎么封装
7、如果一个接口返回有5S 但是用户2s就去刷新网页 会对网页有什么不好的影响？有什么办法？
多次请求接口 ，会给后端服务器造成压力，然后如果是付费的第三方接口则会多次付费。造成浪费。
解决办法： 则是首页去请求的时候在一定的时间对接口的数据进行缓存。后端可把已经请求过的信息放到数据库，这样就不会去重复请求。
8、JS事件执行顺序
9、如果用户发现你的网页没有更新？原因是什么？有什么办法？
10、说下数组的reduce和filiter的区别
11、webpack中的es模块和amd中的模块有什么区别？
12、一个组件里面有几个同级的组件，如果一个里面数据改变了 。另外一个里面的数据怎么去监听到
13、如果有10000个div插入到页面 有什么优化的方式吗？分别用vue的和jquery的插入方式优化。
一般我们会想到使用循环，但是，由于渲染回流，在for循环内部多次appendChild会造成多次渲染，从而出现卡、闪屏的现象

我们经常使用javascript来操作DOM元素，比如使用appendChild()方法。
每次调用该方法时，浏览器都会重新渲染页面。如果大量的更新DOM节点，则会非常消耗性能，影响用户体验.
①javascript提供了一个文档碎片DocumentFragment的机制。
如果将文档中的节点添加到文档片段中，就会从文档树中移除该节点。
把所有要构造的节点都放在文档片段中执行，这样可以不影响文档树，也就不会造成页面渲染。
当节点都构造完成后，再将文档片段对象添加到页面中，这时所有的节点都会一次性渲染出来，
这样就能减少浏览器负担，提高页面渲染速度
创建文档片段Fragment，将标签全部放入该片段中，再统一插入document，这样只会渲染一次

<ul id="root"></ul>
<script>
var root = document.getElementById('root')
var fragment = document.createDocumentFragment()
for(let i = 0; i < 1000; i++){
    let li = document.createElement('li')
    li.innerHTML = '我是li标签'
    fragment.appendChild(li)
}
root.appendChild(fragment);
</script>

②分段进行渲染

网上看的
网上看的

14、webpack的原理？ 能不能手写一个简单的webpack？
15、http1的持久连接和http2的...(忘记了)
16、vue中的nextTick和普通的settimeout有什么区别
17、JS深拷贝
18、amd规范模块和es模块有什么区别？
换个问法：如果有一个模块里面先打印一个变量=1后1s后置位2再打印 两种不同的加载方式的打印结果？
实际上两种是一样的，我一慌张给答错了 因为不论你是在编译阶段还是在执行阶段执行 都是这么个执行顺序，先打印1，1s后打印2
主要区别就是es模块引入的时候必须在头部引入 在声明的时候就引入 在编译阶段执行，如果报错就直接爆出来， 但是amd模块则是可以写在代码的任何部位，有错误也是在代码执行阶段抛出。
这两种模块导出的方式是不一样的，对应的导入方式需要使用对应的导出。
19、vue源码的核心函数
20、keepalive组件与普通组件的区别 keepalive是怎么实现的
21、路由懒加载的实现方式
22、vue路由的方式（三种）
23、webpack自己实现简单的的步骤
24、vue单页面怎么变成vue里面的JS啥的
25、vue3.0与vue2.0的区别 为什么可以解决那些问题
26、vue。minxin 钩子函数一样的话 还有顺序
27、嵌套很深的父子组件怎么传值
28、vuex流程
29、闭包
30、原型链