momenta 前端面经（实习时间坑）

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打包构建，未被引用的代码将会被删除，从而减小文件体积。

刚入职的时候，我想着会有个大牛带我飞，结果发现，虽然同事们确实很厉害，但每个人都很忙，根本没时间一对一指导我。我以为会有很多团队活动，结果大部分时间都是埋头苦干，偶尔有个小组讨论，大家都在忙着解决技术难题。虽然有时候会觉得有点孤单，但也让我学会了独立思考，自己去查资料、解决问题。不过，Momenta的氛围还是挺不错的，大家都很友好，偶尔也会有些轻松的交流。

1.自我介绍自我介绍之后问我会不会React源码，我说不会，沉默2.html语义化3.css水平居中（没答全）4.高阶函数（不会）在项目中怎么运用5.箭头函数和普通函数区别6.受控组件和非受控组件（不会）7.hooks8.js数据类型9.选择器10.React生命周期11.结合项目说明生命周期12.React在项目中的代码分割没懂13.闭包，闭包的应用14.组件通信15.深拷贝怎么实现后面的题目暂时想不起来了总结：面试官说项目深度不够，还需加强，不知道问啥了

接上篇，回到了这边部门继续面，面试发挥挺好的，手撕也写出来了，我也是运气好呜呜呜。当时面完是星期四还是五，要我等通知，周内没出结果说要横向对比！！要跨过周末才能给我结果，给我紧张死了！但是运气好，呜呜，苦苦等了一个周末hr带来了好消息，感谢小红书，圆了我的大厂（实习）梦。对了，hr姐姐超级温柔超级好，感觉一直以来碰到的hr姐姐都特别好，女孩子真是美好的生物啊但是当时其实说是有转正机会的，但是没想到今年小红书hc少之又少，校招生又多又强，狠狠卡学历，认识的大佬名校且大厂收割通过我的内推都没拿到小红书面试机会。双飞鼠鼠转正估计是无望了。好，回到正题！分享面经：自我介绍（主要...