字节跳动-抖音电商-前端面经

1.深入挖掘项目细节，例如某个复杂模块的设计思路、遇到的性能瓶颈及解决方案。2.async/await的实现原理是什么?它和Promise、Generator之间有什么关系?3.Webpack中Loader和Plugin的区别是什么?分别举例说明。4.如何设计一个高可用的前端系统?5.前端监控系统如何设计?如何上报和分析数据?6.手写题:实现一个函数柯里化(currying)。7.PWA (Progressive Web Apps)了解吗?它的核心技术有哪些?8.谈谈你对SSR(Server-Side Rendering)和CSR(Client-Side Rendering)的理解。9.如何处理前端的兼容性问题?

社招1年面试：感觉现在貌似不咋考八股了。技术二面：45min主要聊项目，无八股。印象如下：项目问题：印象较深的是这个拖拽层的交互 — 协议层 怎么写？设计一个“单选框组件”，选项里面可能是图片、文字等，该如何设计。拓展问题：该如何约束选项中的内容，比如内容只能是某种文字，该如何实现？技术二面：30min技术负责人面，无八股。印象如下：聊天，关于家乡工作离职原因，手上 Offer 情况。为什么做前端?(说清楚) 为什么适合做前端的点(说清楚)为什么擅长做前端的点。我自己拓展聊了聊了关于产品思维红米手机，在弱网环境下，怎么做好图片的传输你印象最深刻的难点是什么?要求是最近一年的。你说你熟悉AI，那...

1.vue怎么做路由鉴权的2.怎么处理页面抖动的bug3.怎么优化性能4.怎么修复数据更新不同步5.学算法对学习前端的优势6.怎么做实时的同步服务端的数据显示7.为什么使用tailwindcss，和普通手写的样式表有什么区别8.平时怎么定位和修改样式问题9.鼠标的拖尾效果怎么实现10.怎么css做成一个三角形11.怎么让三角形保持旋转

1.实习介绍，重点项目经验。2.Set、Map、WeakSet、WeakMap的区别。3.ES6模块和CommonJS模块的区别。4.手写题:实现一个debounce(防抖)和 throttle (节流) 函数5.浏览器缓存机制(强缓存、协商缓存)解释一下6.TCP三次握手和四次挥手的过程。为什么挥手是四次?7.前端性能指标有哪些?(LCP,FID,CLS等)如何优化这些指标?8.你在项目中是如何进行状态管理的?