字节前端面经分享

一面： 主要根据简历里的实习经历和项目经历来提问和追问细节，大概50min。1. 实习经历里页面加载速度交互响应速度提升是什么指标？怎么计算的？具体怎么优化的？关于项目优化你知道哪些方法？2. APP适配和PC适配的不同之处，APP样式尺寸单位3. 用NodeJS做了哪些工作？4. 项目中怎么维持的登录态？为什么用这个方案？5. 事件循环代码输出顺序6. 算法题：数字字符串格式化二面：50min左右。1. 前端学习经历2. 介绍项目，根据项目来提问，穿插着一些八股3. get、post、put、delete请求的区别？post可以实现delete或update吗？推荐吗？为什么要这么设计？4. 浏览器是如何实现异步的？过程具体是怎样的？5. 现在用的http是哪个版本？有用https吗？http和https的区别？https加密的是什么？加密过程怎么协商密钥的？6. 实习经历的性能优化，关注了哪些指标？做了哪些事情？除了技术指标外有关注业务指标上的增长吗？7. 后端方面有学习过其他语言吗？8. 学习过程中有阅读过一些源代码吗？9. 手撕题：promisify；memoize

技术初面（1.5小时）问得很细，像商品详情页优化FCP，我答了动态加载、懒加载这些。Git冲突解决举了改样式的例子，还问了TS extends、Radio组件实现这些基础问题。 技术二面（2小时）更深入，对比Vue3和React状态管理，长列表优化我说了虚拟列表。Webpack缓存、React diff算法这些也考到了，抢购页防刷我提到了令牌和SSR。 技术终面（1小时）聊了Monorepo应用、WebGL学习计划，还有CI/CD流程。实习优化性能的经历和未来学习规划也被问到了。

📍面试公司：字节跳动一面（已挂）❓面试问题：1.为什么选择前端这个岗位？2.介绍一个你觉得有挑战或有收获的项目/功能点，以及遇到的问题和解决方案。3.微前端主要是为了解决什么问题？4.介绍一下 Promise？5.Set 和 Map 的区别？6.HTTP 和 HTTPS 的区别？7.介绍一下 CSS 的盒子模型？8.浏览器中的线程和进程的区别？9.v-if 和 v-show 的区别？10.了解哪些打包构建工具？它们是如何优化体积的？手撕：1.数组转树状结构：将一个带有 id 和 parentId 的扁平对象数组转换成树形结构。2.快排🙌面试感想：表述逻辑不清楚；不自信，回答不是很顺畅（原因：菜狗）

1.项目拷打 2.说一下浏览器从输入 URL 到页面展示全过程 3.详细说一下dns解析它是怎么解析的，过程咋样 4.https为什么比http安全呢 5.https 它那个加密的大概的一个过程是怎么样子的？ 5.说一下http各个版本的区别 6.前端在开发过程中的话，有哪些手段可以让界面打开的速度更快？ 7.你在项目里用过AntDesign没，那假设我现在需要让你自己来写一个类似于AntDesign的这样的一个 UI 组件库。然后再写一个select，那个是比较单一选择的组件。我们不能使用别人组件库里面现成的，需要你原生的react来写，同时的话也不能使用HTML里面的select和opti...