小红书前端开发一面，项目 八股 手写（1h20min）

全程大概40min1. HTTPS请求从用户发起到到接收数据的整个过程2. HTTPS和HTTP的区别3. HTTPS如何防止数据被篡改的4. 为什么需要4次挥手5. JS运行机制和浏览器底层原理项目拷打手撕： m×n的螺旋矩阵

目 八股 手写 1h20min 八股1. pnpm 与普通 npm 之间的区别。2. 是否听过“幻影依赖” 手写嵌套数组异步累加的代码，是否有比基础思路（reduce 结合 Promise）效率更高的实现方法。答：分块累加现场实现追问询问嵌套数组分块并行累加的思路与哪种排序算法相似。

1. display: none 和 visibility: hidden 的区别？display 的默认值是什么？2. 浏览器渲染原理？怎么理解重排和重绘？什么场景下会触发？3. 获取 DOM 节点几何信息（比如 offsetHeight）会触发吗？4. Vue2 如何实现数据响应式？Vue3 呢？如何实现的依赖收集？5. Vue 中的 Diff 算法是怎么样的？6. Vue 中如何进行组件通信？7. v-show 和 v-if 有什么区别？代码输出：Promise.resolve().then(() => {console.log("1");setTimeout(() => {console.log("2");});});setTimeout(() => {console.log("3");Promise.resolve().then(() => {console.log("4");});});new Promise(() => {console.log("5");});console.log(6)代码输出：const a = {b() {console.log(this);},};const b = a.b;b();a.b();手撕:最长公共前缀实现一个 DeepPartial 工具类型然后就是拷打项目。总结: 一面偏八股和基础，面试官人很好，不压力，回答问题也有引导，就是 vue 主包不太熟所以感觉回答的一般

1、懒加载原理 以及项目里是怎么做的 如何利用IntersectionObserver实现图片懒加载2、使用自定义hooks实现懒加载的入参出参设计3、无限滚动怎么实现的 滚动条是怎么设计的4、无限滚动和虚拟列表的区别5、无限滚动和虚拟列表可能会互斥，你的项目里是一起用的吗，怎么整合的？6、如果重新回到顶部，顶部的那些列表是同时渲染吗？如果渲染到第二屏，第一屏渲染的数据就会销毁吗7、代码分割怎么做的8、如何衡量页面渲染事件优化了9、手撕 flex、grid布局实现10、防抖节流11、promise理解 promise.all12、react hooks理解 常用的hooks13、实现一个自定义...