终于在大二的时候实现了自己拿到大厂offer的目标😭，最近该面的技术面都面完了，整理一波 timeline字节：5.22 一面5.28 二面5.30 hr面6.4 offer字节流程推的蛮快的，面完隔一天就会约下一面,offer审批3天小红书：5.21 一面5.22 二面5.23 offer小红书是真的快，面试官和 hr 人都很好，可惜不去小红书了腾讯：5.20 一面5.23 二面6.3 三面6.5 更新一下，腾讯也 offer 了

自我介绍大二的课程学的怎么样出勤情况如何挑一个你印象深的项目介绍一下虚拟列表是怎么做的除了前端还有了解过别的方向吗jwt 要实现自动登录怎么做一道算法题：* 时针与分针的夹角一道智力题反问

自我介绍讲一下你对前端工程化的理解为什么选择用 echarts 来做数据可视化呢，怎么不用其他的开源库前端性能优化了解哪些上线后页面一直白屏的话要怎么去排查当一次 commit 提交后如何修改它的信息merge 冲突的时候的解决过程是怎样的如何中断一次 merge讲一下你实习的时候做一个完整的需求从需求评审到上线的过程是怎样的你会如何去确定排期时长呢重构的时候你做了什么工作跨域是什么解决跨域的方案有哪些es6 有哪些新特性讲一下 promise 有哪些方法new Promise 的参数 可以是什么一道看代码输出题：* 宏任务微任务一道算法题：* 括号匹配反问

vue 的 setup 函数为什么无法获取 thisvue 的依赖收集是怎么做的讲一下 css 选择器优先级伪类和伪元素有什么区别http 不同版本之间的区别前端性能优化了解过哪些方案呢网络安全这方面有了解过吗为什么用户 id 是用自增来做的呢什么时候 id 不使用自增的方式呢node require 的模块解析策略是什么monorepo 这种大仓的使用场景是什么呢一道算法题：* 一开始用 nlogn 的复杂度写的，后来面试官让我优化成 O(n) 的反问

自我介绍大文件分片上传是怎么实现的为什么要做虚拟列表虚拟列表对性能和体验有哪些优化呢webpack 和 vite 有哪些区别呢讲一下 http 不同版本的区别前端常用的请求头有哪些讲一下 tcp 的队头阻塞讲一下 tcp 的流量控制token 用户登录用是怎么做的前端用户身份验证有哪些方案呢csrf 攻击有考虑过吗 手写题：* react 写一个弹窗组件反问

自我介绍然后面试官让我把博客地址发他，我做题的时候他看一下echarts 图表展示底层是用什么技术做的呢为什么会使用 canvas 来画呢为什么不全部都使用 canvas，而是要有 svg 呢文件分片上传怎么做的解析 md5 阻塞时间长怎么办用了 worker 之后虽然不阻塞主线程，但是解析时间还是比较久怎么办如何去取舍 md5 截取解析出现秒传误判的情况呢做登录功能的时候是怎么做的jwt 是怎样加密的登录功能有考虑过做一些安全的措施吗token 的密钥泄露了的话有什么处理措施vue 和 react 的区别你觉得有什么两道题：* 将一个 ip 地址转换为十进制整数* 二分查找数组中第一个出现的给定值二分算法的时间复杂度是多少原生 js 的 sort 内部使用的是哪种排序算法快速排序有哪些缺点反问

你项目中的大文件分片上传怎么实现的解析大文件 md5 的时候阻塞时间长怎么办暂停的功能怎么做的取消请求的话会把已经发出的请求也取消掉吗如果等待已发出去的请求响应需要一段时间怎么办分片合成完整文件的时机是什么时候，怎么判断的假如是后端接收的时候丢失了一些字节怎么处理有做并发处理吗大文件上传这里被拷打了，面试官说他之前是做网盘的，属于是撞到他的枪口上了pnpm 相比 npm 有什么优点呢token 登录你是怎么做的jwt 有什么缺点吗判断一个 js 对象是什么类型有哪些方法typeof 和 insanceof 有什么区别instanceof 是怎么实现的讲一下 js 事件捕获和冒泡讲一下浏览器缓存是否命中强缓存是怎样判断的401 和 403 状态码有什么区别有了解过 101 状态码吗讲一下浏览器的同源策略跨域有什么解决方案nginx 可以用来设置 cors 吗jsonp 的实现原理是什么为什么 script 标签可以跨域请求呢两道给代码判断输出题：* 一道是跟 this 指向有关的，如果想要改变有什么方法* 另一道是 let、var 作用域问题，如果想要改变有什么方法两道算法题：* 括号匹配* 最长不重复子串反问

自我介绍，重点讲讲你的优势看你说写博客，能看一下你的博客吗讲一下 pnpm 相比 npm 有什么优势什么时候使用 monorepo 这样的大仓呢，为什么不用小仓pnpm workspace 有什么局限，有什么成熟的解决方案吗turborepo 相比 pnpm 做 monorepo 有哪些优势两个 vue 的兄弟组件有哪些通信方式vue 如何提升状态到父组件如果想直接访问一个 vue 组件中的属性或方法有什么办法使用 pinia 这样的全局状态管理当 store 非常多、碎的时候，有什么好的解决方案在项目中使用 css 有什么好的方案吗讲一下你常用的 less 和 sass 的功能和特性讲一下 css 垂直居中你知道的方式koa 的中间件机制的原理是什么在 koa 中用哪些 api 返回响应结果跨域的解决方案有哪些cors 头有哪些koa 中怎么开启 corscors 中间件是怎么做的讲一下 jsonp 跨域jsonp 的回调函数是由谁来触发的git 想要回退版本怎么做git 怎么新建分支和切分支如果在写了新的代码后想要切分支，但是不想 commit，又不想丢弃原来的修改怎么办mr 了解过吗讲一下 vite 开发和生产环境下有什么区别vite 生产环境下的构建流程是怎样的讲一下 vite 的插件 hook，分别是用来干什么的在你写的 vite 插件中用到了哪些 hookwebpack 的插件机制是基于什么开发的ts 抽象类什么时候用呢，为什么不直接继承一个实体类呢两道题：* 两个有序数组合并成一个，要求时间复杂度(n+m)，原地修改* 手写 bind讲一下 ci/cd 的流程在服务器端是怎么执行打包的反问问了挺多的，有些可能忘了面了一个半小时，是我最长的一次面试了

一面：自我介绍小程序的双线程模型了解吗vue 的 nextTick 原理是什么虚拟列表有什么方案，你有做什么优化吗控制并发请求池你用来做什么markdown 文章目录列表你实现了什么功能跨域的解决方案cookie 存储 sessionId 和 localStorage 存储 jwt 这两种方案如何选择cookie 在什么场景下比较好用cookie 如何应对 csrf 攻击前后端分离与不分离的 csrf 有什么不一样手写 koa-compose二面：自我介绍讲一下 dom 是什么说一些 document 对象的常用方法讲一下 react 生命周期一个 react 应用需要哪些部分什么是声明式 ui浏览器输入 url 到看到页面之间会发生什么写个题：判断一个 ip 是否为合法 ip

面试官介绍团队业务和技术做个自我介绍怎么学前端的（面试官直接指出了我学习方法的一些欠缺之处，非常感谢他）计算机网络相关的：http缓存，csrf，xss（csrf 和 xss 没看过，然后面试官就开始说这就是只看文档和博客不好的地方，像这些知识要多去形成一个体系，虽然被问了而且没答出来，但还是再次感谢他）你理解的 vue 和 react 有使用上什么区别（我回答了状态管理和重新渲染）react 自己的状态管理是不可变对象，mobx 这样的状态管理是可变对象，是怎么实现的呢你说 react 默认是全量更新，vue 是局部更新，那么 vue 是怎么做依赖收集的什么时候用全局状态管理...

先做个自我介绍框架：vue 和 react 的状态管理机制有什么不同什么时候用 vue，什么时候用 uni-app讲一下 react hooks项目：后端为什么用 koa你的 kafka.js 在这个项目中用来做什么业务其他：有用过低代码开发吗展开讲一下你 java 的技术栈跨域的原理是什么使用 cookie 时，可以用 cors 吗为什么大二就出来实习学校课程怎么安排讲一下你的职业规划我只能说非常地快，甚至不到半小时就结束了

先来个自我介绍JS：js 事件循环，微任务、宏任务说一下对闭包的理解js 垃圾回收机制框架：讲一下 vue 常用 api展开讲一下 vue 3.3 之后的组件 v-model 的使用vue 组件间通信react hooks 与一般的函数有什么不同项目：为什么选择用 docx.js 来导出 word 文档不使用库如何生成 CSV 文件项目中自己封装组件有什么原则抓包返回的数据如果别人截流的话有可能造成信息泄露，这个怎么处理其他：为什么大二实习出勤情况讨论业务和技术栈

单纯凭印象记录的，有些可能不记得了JS基础：js 变量提升问题var、let、const 的区别es6 新特性、箭头函数、promise 相关json 对象比较基础值、NaN 的比较问题js 原型链相关proxy 的使用框架：vue、react 的响应式实现vue、react 状态管理机制的区别项目：如何处理请求并发数量文件分片如何确保顺序文件分片如何保证正确识别某个分片属于哪一文件其他：有没有学过什么别的技术为什么大二实习出勤情况如何讲一下自己的职业规划讨论公司技术栈及业务