字节Coze前端三面面经

最近我越来越强烈地感受到，前端开发可能会是最先被AI取代的岗位之一。因为前端的很多工作，本质上是把设计稿翻译成代码、把交互逻辑实现成网页，这类任务目标非常明确，AI 很容易学习。现在用一些 AI 工具，比如 Copilot、Cursor、v0、Figma to Code，几乎一句话就能生成一个完整的前端界面。甚至样式、响应式布局、动画、组件复用，AI 都能自动搞定。过去我写半天的页面，现在 AI 一分钟生成。相比之下，后端、算法或者底层系统开发更依赖业务逻辑和工程经验，还需要人去设计架构和权衡性能。但前端代码往往是「可见、可替代、可批量生产」的。我并不是悲观，只是觉得未来的前端工程师必须转型—...

1.自我介绍2.你项目上面提到了长列表渲染优化，详细讲一下吧。3.讲讲这个webpack-bundle-analyse是怎么样的？删除了没出现兼容性的问题吗？4.element-ui的dialog是怎么封装的？那叫你封装一个组件，你会基于什么去封装？5.vue的组件是怎么进行通信的？6.插槽是什么？怎么用？作用域插槽是什么？有什么用？7.大文件上传是基于什么样的背景的？断点续传怎么传的？8.切片上传和断点续传。9.如何对大图片进行压缩？10.SVG有了解过吗？他和canvas有什么区别？11.用vue2多还是vue3多？讲讲vue2和vue3的区别吧。12.那Object.defineProperty这个方法接收几个参数，每个参数分别对应什么？13.vue3里面其实也用到了reflect，了解过吗？14.讲讲webpack为什么比vite快吧？他们之间有什么差异吗？15.为什么vue2里面data要写成函数而不能写成对象呢？16.nextTick了解过吗？什么时候用，举一个具体的例子。原理是怎么样的？17.为什么每个dom要加key值？key有什么作用呢？18.vue3有哪些常用的api吗？19.ref和reactive的区别？那我用reactive定义基本数据类型，ref定义引用数据类型可以不？20.==和===的区别？21.深拷贝和浅拷贝的区别？手动实现深拷贝怎么实现？正则日期那些呢？22.typeOf和instanceOf的应用场景，什么时候应该用谁？23.webpack有哪些常见的配置项呢？vite呢？24.webpack打包的整个过程是怎么样的呢？25.React有了解吗？

实际上其实很多人考公考编考各种各样的东西，是因为他们的认知就任务社会是通过考试来界定的，考得好就有奖励，考的差就完蛋了，其实实际上跟这个没太大关系，在社会上的评价标准和学校完全不同，不知道大伙玩过体育类游戏没？作为俱乐部经理你需要招揽人才，而人才发力是多元的：体力，耐力，爆发力，然后传球，控场，在涉及到情商智商之类的，我总结一下，等于说一个人踢球踢的好有几个很大的方向：踢球的技术，选手本身的硬件，选手的软实力（队内配合，线下聊天有没有信赖），然后还有战术，甚至有更多的面板复合起来的结果，才会导致他踢的很好，所以说跟考试根本没太大关系了，而大量的名校硕博处不好社会关系也就是如此，他们根本不理解社...

拿到书面offer前都不要提前高兴一周前三面结束，所有材料都交了，口头offer也给了，结果昨天下午发短信通知说内部审批没通过哎，只能说积累经验了