2020暑假实习-百度前端一面&二面&三面

2020暑假实习-百度前端一面&二面&三面

一面

1. 算法题：JS实现二分搜索、随机打乱数组
2. HTML：
   1. cookie、localStorage、sessionStorage区别
   2. 标签页之间的通信(cookie+setInterval，localStorage，websocket)
3. CSS：
   1. position介绍(5种)
   2. 行级元素、块级元素的区别；input、img能否调整宽高（input实际为inline-block）
   3. 如何去除inline-block之间的空白（父级元素fontsize设为0）
   4. 元素居中的方式
   5. em rem 区别
   6. css预处理器和后处理器，都有什么作用
   7. css选择器类别及优先级；如果写自己的库，如何写方便他人覆盖样式（尽量不要组合嵌套，单一的class可能更合适?）
   8. 一个移动端布局实现：底部是固定的tab切换栏，上面是可滚动的内容区，不使用fixed（flex？先换轴再布局）
4. JS：
   1. 说一下继承，原生和ES6的方式；如何解决直接用原型继承的共享问题(组合继承，寄生继承?)
   2. 为什么Object.keys()而不是Object.prototype.keys()（如果是后者会存在共享问题）
   3. vue数组调用push后会更新是怎么实现的（不会，Proxy?）
   4. ES6新特性
   5. 基本类型（6种）；Symbol解决了什么问题
   6. 如何判断数组（instanceof Array.isArray Object.prototype.toString.call）
   7. 介绍一下Array的5个迭代方法（every, some, map, forEach, filter）

二面

1. 算法题：斐波那契数列生成，实现有两种调用的sum函数: sum(a, b) sum(a)(b)

2. 一些关于JS的打印问题：

   async function a() {
       console.log('a')
       await b()
       console.log('a end')
   }
   
   async function b() {
       console.log('b')
   }
   
   a()
   
   setTimeout(function () {
       console.log('setTimeout')
   }, 0)
   
   new Promise(function (resolve, reject) {
       console.log('promise')
       resolve()
   }).then(function () {
       console.log('then')
   })
   
   console.log('main end')
   
   // a
   // b
   // promise
   // main end
   // a end
   // then
   // setTimeout
   
   // 考察事件循环、宏任务微任务
   // 要注意await的下一行相当于then，是个微任务
   

   var b = 2
   function a () {
       console.log(b)
       var b = 1
   }
   a()
   // 输出undefined（变量提升）
   
   var b = 2
   function a () {
       console.log(b)
       let b = 1
   }
   a()
   // 报错（let形成暂时性死区）
   

3. 平时怎么学习前端

4. 跨域，如何解决；JSONP和CORS哪个更安全（CORS）

5. Bootstrap栅格系统怎么实现，结合应用场景(flex?)

三面

1. 说一下自己的优点和缺点（建议一定要提前准备一下，尤其是缺点这一方面，不然一紧张口胡事后后悔都来不及）
2. 为什么选择前端
3. 你认为的前端工程师的核心竞争力
4. 大学里最花精力在什么上面
5. 大学里觉得什么课程最难学

因为提前说了自己只学了前端三个月，所以只问了一些很基础的问题。三个面试官都非常nice，很照顾菜鸟，也给了很多建设性的意见👍。​这也是我第一个撑到三面的面试，不管最后结果如何，体验五星！