小红书前端一面面经

#软件开发笔面经# 1.自我介绍2.开始接触前端的时间,学习前端的方式3.让我自己解释第一个项目(背景,解决的问题)4.部署遇到问题的时候是怎么去解决的?5.说说react的虚拟节点->找到具体差异的节点之后会有哪些操作6.深挖用户登录态的处理, 代码层面是怎么实现的7.监测过期时间的极端情况, 定时轮询更边界的情况, 有什么更好的优化方案吗8.想要了解的都差不多了, 有什么想问的吗（优化方案没想出来 直接凉凉😤）面试官蛮好的，不过这能力要求有点高

主要是项目面。介绍实习的项目和自己做的项目。为什么选择个技术，如何通信，如何缓存等细节提问。介绍最有代表性的项目，可以是小项目，表现自己的技术能力。在项目中遇到了哪些难点。有没有在实习中主动推进什么事情。有没有什么技术分享，博客反问：小红书前端团队有社区，电商，商业化广告3块。做的有图文笔记等。web栈，ssr。全栈。跨端。react native。社区活动低代码搭建。后台系统，动态表单。vue居多，然后是react native。校招生问题：培训4天封闭性。整套培训方案。企业安全培训。landing的开发环境搭建，基建文档。开始业务问题多，随着技术深入，更多技术问题性能优化，比如页面性能。

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

11月底了 秋招之路终于有所收获，整理一下吧之前的面筋全都发出来这篇面筋现在看来其实问的都比较简单，但是当时才刚开始接触面试不久，知识面掌握的也不够全面，答的不流畅也不算好，一面都没过哈哈哈，但是感美团给了谢面试机会，现在回头看自己已经收获了很多知识。1.自我介绍2.重点详细介绍一个项目3.打比赛时业务如何选择的，做了哪些竞品分析4.做的比较好的业务5.技术选型基于什么7.除了比赛其他时间有没有了解过react8.为什么选择了echarts制作图表9.封装的axios做了哪些事情10.拦截响应做了哪些拦截11.弹窗的提示怎么做的12.后端返回200后还进行了什么细化处理吗13.上传组件为什么不...