中科星图前端面经

网上喷这家公司加班严重，先入职看看到底有多严重

入职第一天，就感受到了满满的诚意。HR小姐姐全程陪着，讲解各种重要内容，什么六险一金啊（有商业保险），感觉自己被宠上天了。而且入职当天还送了免费大会员和会员购，哈利波特、蝙蝠侠、人生一串放肆看，看完还可以买周边，这福利也太香了吧！ 办公环境：超有爱 B站的办公环境真的是太棒了！每层楼都有猫猫狗狗，上班累了还能逗逗它们，解解压。而且办公椅和办公桌很协调，办公起来非常舒服。关键是，这里没有那种压抑的氛围，大家都很年轻，交流起来特别方便，氛围特别好。 工作氛围：轻松又自由 B站的工作氛围真的太棒了，拒绝奋斗逼文化和996，崇尚有效率的工作。弹性工作制，每月还有一天带薪休假，只要直属leader批准就...

在现代浏览器中，开发者工具提供了多种性能分析工具，可以帮助开发者识别和解决性能瓶颈。以下是如何有效使用这些工具以及一些注意事项。https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=54893728e7dc47468b75c702e19b3a621. 使用 Performance 工具以 Chrome 浏览器的开发者工具为例，以下是使用 Performance 工具进行性能分析的步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=54893728e7dc47468b75c702e19b3a62步骤一：打开 Performance 工具打开 Chrome 浏览器，访问要分析的网页。按 F12 或 Ctrl + Shift + I 打开开发者工具。切换到 Performance 选项卡。步骤二：录制性能数据点击录制按钮（红色圆点），开始记录页面的性能性能数据。进行你想要分析的操作，如点击、滚动或加载页面。再次点击录制按钮，停止录制。步骤三：分析性能数据Call Tree（调用树）：显示函数调用的堆栈，帮助你识别哪些函数占用了较多的 CPU 时间。Flame Graph：图形化展示函数调用的时间分布，可以快速发现性能热点。Stack Chart：显示 CPU 占用情况，便于观察 CPU 使用率的变化。Screenshots：提供录制期间界面截图，可用来观察 UI 变化与性能之间的关系。步骤四：查看关键指标帧率（FPS）：指每秒更新的帧数，直接影响用户体验。Time to Interactive (TTI)：页面完全交互所需时间，较长的 TTI 可能会导致用户感知性能不佳。First Contentful Paint (FCP)：首次绘制内容的时间，意味着用户可以看到页面内容的时间。Total Blocking Time (TBT)：在页面加载期间，阻止用户与页面交互的时间总和。

2025.03.18今年的第一次面试，献给卷到死的拼多多啦1.自我介绍2.项目中遇到的难点3.工程化熟悉吗 webpack loader的执行顺序是怎么样的，以less-loader举个例子说一下4.webpack打包瓶颈有哪些，如何进行优化5.chunk和bundle的区别是什么6.onload事件和DOMContentLoad事件的区别7.img的容灾机制怎么做(也就是加载不出来的时候如何处理)，如果我想全局做容灾呢(我说的是封装组件，但面试官想要的答案是全局error事件的捕获)8.React的Context和redux/mobx的区别，后者性能好在哪里9.因为我的项目里有前端埋点的相关...