哔哩哔哩内推！

Webpack的loader是用于处理模块文件的转换工具。它们可以将不同类型的文件（如CSS、LESS、图片等）转换为可以被Webpack处理的有效模块，以便将其包含在最终的打包结果中。以下是一些常用的Webpack loader及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9fbabel-loader：将ES6+代码转换为ES5语法，以便在旧版本的浏览器中运行。style-loader 和 css-loader：用于处理CSS文件。css-loader主要负责处理样式文件中的import和url语句，而style-loader将转换后的CSS模块直接注入到HTML页面中。file-loader 和 url-loader：用于处理图片和其他资源文件。file-loader会为每一个文件生成一个对应的文件，而url-loader将小于设定大小的文件转换为base64编码的URL，减少HTTP请求。sass-loader 和 less-loader：用于处理Sass和Less预处理器。它们将Sass和Less代码转换为普通的CSS代码。postcss-loader：用于为CSS代码添加浏览器兼容性前缀，以确保在不同浏览器上的一致性。html-loader：用于处理HTML文件，将其中的图片等资源转换为Webpack可以识别的模块。这只是一些常用的Webpack loader，实际上还有很多其他的loader可以根据具体的需求进行选择和配置。使用适当的loader可以提高开发效率并优化最终打包结果。

1️⃣说话干脆有底气 说话不要支支吾吾、低声细语,一副看起来很胆怯的样子。 锻炼自己大声说话、自信表达敢于直视对方的眼睛。 - 2️⃣别把犯错当成天大的事 金无足赤，人无完人，没有人是不犯错的。不要因为一次错误就否定自己，要在错中成长。 没有谁会一直抓住你的错不放，毕竟别人都很忙，不用把自己当主角。 - 3️⃣不要责任心过剩 工作不是卖命，不要盲目大包大揽，超负荷的工作量，超出自己职责范围的工作，只会拖垮你的身体。 单位缺了你照样运转，但是家没了你天就塌了。 - 4️⃣不要把同事当朋友 上班是同事，下班是路人。 表面和你掏心掏肺背地里勾心斗角的人，不要太多。同事之间更多的是竞争关系，是利益争夺...

        顺丰二面面经续集。1.monorepo的各个子应用是独立打包的吗？        有在字节实习的uu应该都接触过monorepo。我是进去之后才知道这个东西，但对他的原理也不明白，今天跟大家一块了解一下。        首先什么是monorepo。我个人理解monorepo是一个将不同项目的代码放在同一个代码仓库中组织起来的一种方式。可以想象github中的一个仓库中有很多小项目的代码文件。这些项目虽然有可能是相关的，但通常在逻辑上是独立的，并由不同的团队维护。像我之前实习时的项目仓库使用monorepo，仓库中既有web前端的代码，也有小程序前端的代码。        monorepo有什么好处？1.多个项目之间需要共享代码、组件或者工具库时，monorepo比较简便。使用monorepo就不需要将想要共享的部分发布npm包再去别的项目中安装，而是有一个share目录，专门放置共享的组件或方法等。2.统一依赖版本管理时更好的确保一致性。3.根目录下有一个package.json，每个项目也有自己的package.json，通过在根目录下npm install，它会自动安装所有子项目的依赖。4.在开发的时候，省去了在多个代码仓库之间切换的麻烦。还有很多优点，比如统一的CI/CD，统一的构建流程......        再谈谈不好的点。从我自己的使用角度来说，刚开始最常见的问题就是更新依赖时很容易改变了其他子项目的依赖，在全局npm install或者一些api update的时候，会给所有子项目都更新，但是可能版本更新会给别的项目带来不可预见的问题，这也是为什么需要code review，把这些不是你应该改动的东西要改回去。除此之外，打包构建需要专门优化，否则会出现打包时间过长。        那么回到monorepo的子项目是否是独立打包这个问题。要知道monorepo的每个子项目都是可以独立开发、部署、构建...试想如果只有其中一个子项目fix了一个线上bug，但是整个项目都要重新打包发布那么整个流程岂不是太过冗杂了，所以一定是可以独立打包独立安装才有足够灵活性的。但是能独立打包并不意味着你的项目中的子项目都是独立打包的，具体还要看是否在子项目package.json中配置了打包脚本。2.setState是同步还是异步        拷打完项目就开始拷打原理了。这个问题当时没记住啊，恨自己没多看两篇文章。        首先要知道这个同步和异步跟我们所谓的js同步任务异步任务不一样，是指调用setState后能否马上得到更新后的值，即是否立即调用render 函数渲染视图。        在react18之前，在react 可调度范围内的setState 就是异步的，反之，则为同步。什么是可调度范围？react 合成事件内同步执行的setState 就是可调度范围。什么是react 可调度范围外呢？宏任务：setTimeout ，微任务：.then ，或直接在DOM元素上绑定的事件等都是react 可调度范围外。        在react18中多了批处理功能（当 React 在一个单独的重渲染事件中批量处理多个状态更新以此实现优化性能），这意味着之前没办法批处理的情况都可以批处理了。在每次setstate时会产生一个优先级标志lane，对于相同优先级的多次更新任务，react实际只会复用第一个调度任务，在一次批量更新结束后才会更新实际变量的值。相同优先级的setState是异步执行的，而不同优先级则是同步的。        需要注意的是，由于js的闭包特性，同一份代码在类组件和函数组件中的执行结果是有差异的。        详细源码理解推荐以下链接（彻底搞懂setState到底是同步还是异步1，2，3）：        https://blog.csdn.net/y_ang_1/article/details/136941891?spm=1001.2014.3001.5502        https://blog.csdn.net/y_ang_1/article/details/137151783?spm=1001.2014.3001.5502        https://blog.csdn.net/y_ang_1/article/details/137151803?spm=1001.2014.3001.55023.react的任务优先级策略，以及哪些任务优先级比较高？        这么多场面试，这是唯一一个问了这个问题的面试官，不得不说是有水平和经验的。东西太多了，我水平也不够，帖个帖子：https://juejin.cn/post/7207406497508114489        涉及原理的内容确实很难理解和掌握，多看点帖子多看点源码吧。        如果大家觉得对自己有帮助，感谢大家点赞收藏送花评论！希望大家意向多多offer多多！#软件开发##软件开发2024笔面经##前端##顺丰#

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