美团前端客户端二面

9.25面的客户端，一天三面。至今没有收到意向，也没有看到网上有客户端开奖的消息有泡出来的大佬吗

发发面经回馈社区，也感谢大佬们分享的面经部门：金融服务（貌似是支付相关）时间：笔试完三天约面一面：实习及项目相关了解微前端吗微前端怎么匹配子应用qiankun框架和其它微前端框架隔离策略的不同之处qiankun为什么要求子应用打包是umd格式umd、CommonJS、ES Modules有什么区别react fiber原理react 18有什么更新特性usememo、usecallback的使用场景，使用这两个hook一定能提高性能吗ws心跳机制、断开重连机制图片格式降级怎么实现的，有什么用webp、png、jpg的区别哪种图片格式可以实现透明图，为什么题目：事件循环题、股票买卖二面：...

Webpack的Tree Shaking是一个用于删除代码中未被引用的未使用代码的优化技术。它可以显著减小打包后的文件体积，提高网页加载速度。要配置Webpack实现代码的无用代码剔除，需要进行以下几个步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f确保你的代码是使用ES6模块语法编写的，而不是CommonJS（require）语法。因为Tree Shaking只对ES6模块有效。在Webpack配置文件中，通过设置mode为production，启用Webpack的生产模式，此时Tree Shaking功能会默认开启。确保你的package.json文件中的sideEffects字段被正确配置。sideEffects字段告诉Webpack哪些文件是没有副作用的，可以进行Tree Shaking。如果你的应用是纯粹的JavaScript应用，可以将sideEffects设置为"sideEffects": false。如果你的应用使用了一些有副作用的模块（例如CSS文件），你需要将这些模块添加到sideEffects字段中。这样Webpack就不会将这些有副作用的模块进行Tree Shaking。需要注意的是，Tree Shaking只适用于ES6模块语法，并且只能剔除未引用的代码，不能剔除被动态引用的代码（例如通过字符串拼接生成模块路径）。另外，一些特定的代码结构可能会导致Tree Shaking失效，例如使用eval、with等特殊语法。配置完成后，运行Webpack打包构建，未被引用的代码将会被删除，从而减小文件体积。

因为我自己有在玩灵犀的游戏，好感度很高，所以准备的也蛮充分滴~整个面试流程就是：1.万年不变先让你做一个自我介绍，还是要言简意赅突出重点2.根据简历问了之前做的项目，对应的项目难点以及解决方法3.项目中的工程配置和性能优化4.vue的渲染原理是什么5.浏览器http缓存机制6.如何实现一个css引擎，直接想思路，包括添加样式，优化方法等等，有延伸问题7.对未来的职业规划8.在之前的各种经历中有什么让你觉得特别自豪的事，原因9.平时如何学习前端，最近有看什么书吗10.为什么会选择游戏公司11.平时玩什么游戏，时长，体会，最喜欢哪个具体说说12.反问环节时长大概有50min，面试官还是很和善...