【秋招复盘】百度提前批-前端-一面+二面+三面（已OC）

目前在offer评估中，说是九月底十月初出结果

一面（1h）

1. 自我介绍
2. 介绍项目
3. css有哪些选择器？优先级？
4. 项目中怎么解决css class冲突的问题
5. CSS Module原理
6. 手撕题：实现两栏布局
7. 手撕题：统计百度首页中所有的标签，输出最多的三个
8. 手撕题：querystring解析，形成一个map，考虑hash和中文的情况
9. 手撕题：写一个nodejs脚本，获取百度首页源码，将所有文本“百度”改成“签百度”，然后保存源码成本地文件。
10. 看题说结果

for (var i = 0; i < 5; i++) {
	(function(i) {
		setTimeout(() => {
			console.log(i)
		}, 1000 * i*)
	})(i)
}

这样呢？

for (var i = 0; i < 5; i++) {
	(function() {
		setTimeout(() => {
			console.log(i)
		}, 1000 * i)
	})(i)
}

11. 说一下输出顺序

setTimeout(() => {
  console.log(1)
}, 0)
new Promise(resolve => {
  console.log(2)
  for (let i = 0; i < 10000; i++) {
    if (i = 9999) {
      resolve()
    }
  }
  console.log(3)
}).then(() => {
  console.log(4)
})
console.log(5)

12. 有什么区别

const getData1 = async () => {
	return await fetch('xxx')
}
const getData2 = () => {
	return fetch('xxx')
}

13. 讲下科研项目
14. 做过移动端吗
15. 讲一下Koa的洋葱模型
16. 反问

二面（1h）

1. 介绍项目难点
2. 编程题：n个数的数组，选取其中k个数，求排列组合
3. 手撕题：并发池

const urls = ['url1', 'url2', 'url3']
const max = 2
const results = await requestMaxPool(urls, max)

4. 知道哪些http请求头、响应头，说一下
5. transfer-encoiding是干嘛的
6. 强缓存、协商缓存
7. OPTIONS请求，说一下预检过程
8. 进程、线程的区别
9. 知道awk吗？怎么实现统计文件行数？
10. css、js执行顺序，script的async和defer有什么区别
11. git怎么删除某一次commit，比如a、b、c、d四条，怎么删除c
12. 资源请求的优先级
13. Koa原理，讲一下洋葱模型

三面（70min）

1. 聊项目（从业务需求到项目难点，还有整个workflow）
2. 说说ts
3. 手撕题：数组拍平
4. 讲讲setTimeout、setTimeInterval、requestAnimationFrame的区别
5. 手撕题：用requestAnimation实现一个setInterval定时器
6. 为什么从计算机视觉转前端
7. 反问