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

目前在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. 反问