一面 2022/3/17 55min

• 自我介绍

• 讲一下图片懒加载怎么实现

• 如果滑动的很快，以你刚才的说法那所有图片都会请求，现在想要只请求我们想要看到的图片怎么弄

  • 虚拟列表。面试官说虚拟列表比较难使用，其实可以通过判断图片进出窗口的时间来决定是否要请求加载

• 项目使用flex自适应是怎么实现的

• flex属性的三个值分别对应着什么

• 项目有没有做移动端适配

• 有没有什么方法可以实现移动端适配

  • 媒体查询

  • rem、em、vw、vh：分别讲了它们的特点

• 为什么使用websocket

  • 面试官说实现简单的消息推送还有其他简单的方法实现，下去可以了解

• 项目中防抖和节流的使用、讲一下他们两个的区别

  • 这里面试官说其实有一个功能的实现使用节流会比防抖好。（确实是之前没考虑到的）

• 讲一下项目的jwt

  • 顺便讲了小程序登录的流程

  • jwt的组成部分。面试官说还缺少个编码

• HTML5语义化是怎么了解的

• BFC

• 跨域

• 怎么解决跨域

• 浏览器和node的事件循环

  • node事件循环不会，面试官说node也是挺重要的，下去可以去学习

• 浏览器的宏任务和微任务分别有哪些

• 浏览器渲染的关键路径

  • 了解的比较少，只讲了简单的流程。面试官说没这么简单

• 讲一些你了解的ES6的东西

• 你觉得es6的lass和es5的 function有什么区别

• 一个子类class的constructor函数里面的第一句代码是啥

  • super()，调用父类的构造函数

• 为什么super()要放在第一句，放在其他的地方不行吗

  • 说了应该可以，只要在super()之前不使用this就行。面试官说你下去要再去看看hhh

• 你觉得在这次面试中有什么你没表现出来的嘛

  • vue（挖坑）

• 那你讲一下vue的原理吧

• 你是怎么去学你刚才说的事件绑定，diff算法等

  • 看源码，边看编注释

• 反问

  • 面试官主动给面试评价，说基础挺好的，但移动端和node方面的知识比较缺少，项目比较简单

HR面 2022/3/19 15min

都是些常规的问题。

最搞笑的是问我对oppo的了解

我：oppo音乐手机

HR：怎么了解的

我：看评测

HR：最近OPPO出的手机有没有了解

我：我记得最近iqooq出了个新手机hhh

HR：这是vivo的。。。

我：wtm，凉凉

秒挂~