携程校招前端一二面面经

一面(4-6 16:50 20分钟左右)

自我介绍

项目是app是吗，在手机上可以看到吗

app的适配有了解吗

rem和em的区别

创建实例的过程是什么(new的过程)

创建的过程中为什么要把proto指向构造函数的prototype

继承的方法有几种

寄生组合相比于组合继承的优势在什么地方

做题：

var a = 'oops,global'
function foo(){
  console.log(this.a);
}
function doFoo(fn){
  fn()
}

var obj = {
  a:2,
  foo:foo
}
doFoo(obj.foo)//'oops,global'

promise有了解过吗，基本原理是什么

主要解决什么问题

then为什么可以链式调用

深拷贝要注意什么地方

大对象里面有个属性值又是一个对象，怎么办，面试官想问的是循环引用的问题

循环引用怎么解决---用个数组或对象记录拷贝过的对象，拷贝的过程同时做比对

https了解过吗

https的交互过程

公钥私钥区别在哪

CA证书为什么会有过期现象

反问：学习建议

---js原理和使用方面能够深挖，不同场景的应用方法，多刷题

二面 (4-13 46分钟)

先吐槽一下携程面试，太吵了，完全听不清面试官说的什么，感觉像是在一个特别大的房间都在面试，面试体验极其不好

自我介绍

项目中哪些组件是通用性的

业务上通用组件有哪些

用了vue的哪些功能

vue的生命周期

vue的虚拟dom解决什么问题

为什么要用虚拟dom

js的异步处理机制

场景题：做一个倒计时，每一秒更新前端界面时间，可能与倒计时会有延迟，简单说就是本身时间到了但还没结束倒计时

项目中使用的是es6吗，讲一下es6的特性

和传统的js有什么区别

let，const和var的区别

类用原生js怎么实现

定义一个对象，所有属性都是...(这里确实没听清，问了两遍都没听清，面试官那边好吵)

场景题：

1. 一个页面里面内嵌一个页面，怎么让页面高度一致，就是怎么实现不出现两个滚动条

2. 注册页面，用户输入一半页面刷新了，怎么保持输入内容不丢失

3. 图片传输过程中失效，展示一张默认图片给用户怎么实现，面试官就是想问img标签无法展示出图片，要怎么展示默认图片

跨域怎么解决

缓存机制的场景题：服务端资源已经更改，怎么强制客户端请求资源时刷新缓存

做题：

// 对某商品列表进行默认排序，排序规则
// 1.库存为0的置底，优先级最高
// 2.isTop为true置顶，多个为true时按4，5规则排序
// 3.isRecommend为true置顶，优先级低于isTop的产品,多个为true时按4，5规则排序
// 4.按价格升序
// 5.价格相同时按上架时间降序

const list = [
	{
		name: "商品1",
		"price": 20,
		"isTop": true,
		"isRecommend": true,
		"createTime": "2020/09/10 00:00:00",
		"inventory": 9
	},
	{
		"name": "商品3",
		"price": 30,
		"isTop": false,
		"isRecommend": true,
		"createTime": "2020/09/08 00:00:00",
		"inventory": 2
	},
	{
		"name": "商品2",
		"price": 40,
		"isTop": true,
		"isRecommend": false,
		"createTime": "2020/09/09 00:00:00",
		"inventory": 0
	},
	{
		"name": "商品4",
		"price": 50,
		"isTop": false,
		"isRecommend": true,
		"createTime": "2020/09/10 00:00:00",
		"inventory": 12
	}
]

后面时间快到了没写完，就讲了一下思路

反问