招银网络科技资料审核

浏览器缓存的优化策略包括：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48利用缓存通知头信息：使用正确的缓存头信息（例如"Cache-Control"、"Expires"、"ETag"等）确保资源可以被正确缓存和更新。实施版本控制：将资源的URL与其版本关联起来，当资源发生变化时，更新URL，以避免缓存旧版本的资源。使用指纹或哈希：通过向资源的URL添加指纹或哈希值，可以确保资源的唯一性，从而避免缓存资源冲突。控制缓存时间：通过设置正确的"Cache-Control"和"Expires"头信息，可以控制资源在缓存中的保留时间。大小和数量的限制：设置适当的缓存大小和数量限制，避免过多的缓存导致性能下降。永久缓存不变的资源：对于一些静态资源（例如logo、图标等），可以通过设置较长的缓存时间或使用永久缓存策略（例如使用"immutable"指令）来避免发送条件请求验证资源更新。

自我介绍h5 css3 新特性 （很久没被问这个了没答上）实现水平居中双飞翼布局（感觉都是必考题了）箭头函数和普通函数的区别基本数据类型react的组件通讯讲讲性能优化问了项目怎么做的自己做过的自定义hooks（不知道有无get到点）react生命周期（不会）反问：简历问题（千篇一律，没难度深度）实习生工作，有师兄师姐带教，业务广

一看都有中大厂实习，加的公司校招群成员列表凑不出10个双非，看了还要打持久战打到明年

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