实际面试题

公司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、原型链