这篇文章谈谈我之前实习看见的一些性能优化方案（卡住职业生涯👊🏻😭）之前在qiankun基座上做SSR 就被问 你为什么不先在别的角度做优化🌚（当然是为了做技术需求-没活硬整）篇幅有限啊 主要是给出思路让大家去实践 这么多故事 你造出一个亮点 大厂offer 不就稳了1. 是什么导致性能下降随着前端技术和架构的演进（各种库层出不穷），Web应用（shi山项目）往往会经历不断的迭代和优化，但有时由于资源积累或技术选型不当，性能却可能逐步下降。我们可以得出以下是常见的性能劣化原因：资源加载过大：应用页面可能包含了过多不必要的资源，导致页面加载的时间过长。尤其是在首屏加载时，可能会一次性加载大量的脚本、样式和图片。串行阻塞：在页面加载过程中，某些资源和数据请求可能会串行执行，比如用户认证、数据获取等，导致阻塞了其他重要资源的加载。重复加载资源：如果前端项目使用了微前端架构或多个模块化构建，常常会发生一些基础资源（如React、ReactDOM等库）被重复加载，浪费带宽和时间。2. 关键优化措施为了将页面加载时间大幅缩短，我们采取了以下几项关键的优化措施：（1）资源优化：拆包、懒加载与缓存资源拆包：通过拆分大包，将页面中不必要的资源按需加载。例如，避免将所有页面模块一开始就加载，而是根据用户需求分批加载。通过按需加载的方式，可以大大减少初次加载的体积。共享缓存：通过使用共享CDN缓存，确保不同模块或子应用之间能共享一些公共资源（如React、ReactDOM等），避免重复加载和冗余带宽消耗。懒加载：将首屏之外的内容（如抽屉、浮动弹窗、用户提示等）延迟加载。这样可以保证首屏加载的资源最小化，用户体验得到提升。图片优化：图片通常占据了页面加载时间的很大一部分，因此，我们采用了图片的懒加载和剪裁压缩技术，减少图片文件的传输体积。（2）执行逻辑优化：避免串行阻塞优化执行流程：登录验证和数据获取等操作可能会阻塞主线程，影响页面加载速度。通过将这些操作改为异步执行，可以有效避免主线程被阻塞，提升加载速度。子应用预加载：如果项目使用了微前端架构，可以通过预加载当前页面需要的子应用资源，在页面渲染之前就将资源加载完毕，确保页面显示时不需要重复请求。（3）基础设施优化：升级协议与CDN策略升级网络协议：将HTTP/1.1协议升级为HTTP/2，HTTP/2支持多路复用，可以同时发送多个请求，减少网络延迟，提高加载效率。CDN与缓存策略：通过优化CDN配置，启用HTTP/2协议，开启强制缓存、Gzip压缩等策略，进一步减少加载时间，提升页面响应速度。3. 性能优化效果我们要怎么去看具体优化的效果呢通常一个正规项目 都会埋点上报FMP（First Meaningful Paint）时长尽量要能在两秒以内。fmp的时间短的话 就意味着用户能够更快地看到页面的有效内容，从而提升了页面的可用性和流畅度。同时用户的流失率就会减少：随着页面加载速度的提升，用户的等待时间显著减少，减少了因等待过久而流失的用户。4. 持续监控与优化策略大厂里面一般有持续的性能监控系统，并引入了以下防止性能劣化的措施：性能监控系统：通过在页面中埋点，实时监控各项性能指标（如加载时间、资源请求时长等），并定期生成报告，确保性能持续优化。资源管理规则：例如，对于大于2MB的资源文件进行拦截，确保不会发布过大的资源包，避免加载过慢。共享资源管理：强制基座应用与各个子应用共享相同的CDN资源，避免多次加载同一资源。定期优化：每次新功能上线前，都要进行性能测试，确保新版本不会影响现有的加载速度和用户体验。#现在前端的就业环境真的很差吗##牛客创作赏金赛##前端#

最近好几个学历不错的在问为什么一面挂对比了同一时期的同学历的同学目前发现的情况是，这个时间点已经招的差不多了，如果现在还在问你八股文和一些很简单的算法题为主的话可能真的就是一面挂了。而以被问项目为主的几个同学在答的ok的情况下都进入后续的流程了。如果学历好 实习项目都不行的情况下应该七八月份就先冲了，现在估计面完等排序池子里都是92带实习的同学了，如果只会基础的东西没有大优势不会继续走你的流程的。但是其实无所谓，因为这些公司会被割穿，然后你们就可以等开奖以后的补录流程了，在此期间可以强化下八股项目吧，真正的八股战神是什么都八的出来的，彻底无敌。春招再加油吧 明年的暑期实习又要来了 #学历对求职的影响#  #学历or实习经历，哪个更重要#

如题 本人简历从找实习到秋招 至少简历在大厂的通过率是90%的（虽然面试通过率不太高）我也结合面试通过率来给大家讲讲怎么写比较合适先说一个既定事实 92的简历就算写的一坨 应该也会有面试的首先建议简历就以简单为主 不要弄的花里胡哨的 然后字号不要太大 要看起来比较有内容和充实简历分为如下几个部分教育经历：如果你真想去 切记别造假哈 这部分就正常写实习经历：有实习的可以把这块放的前面一些 基本上从我面试的经历来看 你有几段大厂实习 他基本上就一直在问你实习 而不会太关注你的项目部分 所以如果你项目有一些精彩的点 可以糅合到实习的内容上 一般能拉开差距的就在这块同时在面试的时候 也需要你逻辑自洽 没有内容的话可以适当包装 但是切记一定要你基本上掌握这个技术实现 如果写的太夸张 你却完全不会 反倒会有反效果项目经历推荐写两个项目 如果实习特别多段 可以写一个 或者就写实习的项目 一般来说实习的项目比自己的玩具项目更有说服力 你在这边展开一些架构层面的设计 对技术选型的思考 都是可以的 给出具体的一些指标 即可具体体现出你的产出具体到简历上 可以分为项目介绍 技术栈 和项目工作这三个部分 分别介绍背景 介绍使用到的技术 介绍你的产出p2给了一个案例（偏向稍有基础的同学） 描述点我是往多了堆 实际上不要选这么多 三到五点即可荣誉奖项不太重要 有则可以考虑写 推荐可以写写偏算法类的比赛 你写 计算机二级 普通话 教师资格证 英语四六级我感觉有点难绷专业技能完全不会的不要写 可以着重写一些自己特别擅长的 比如说会框架原理 这些 或者是一些特殊技术栈 通常来说 这个一般就常规的写就好了 这个要有人不知道怎么写 看图吧 改改抄抄吧 #简历中的项目经历要怎么写#  #没有实习经历，还有机会进大厂吗#  #牛客创作赏金赛#

有些26 27届的同学刚刚选择前端方向后 或许不知道如何起步学习 今天就给大家说一说我一直以来的核心观点就是 只要bg合适 早准备 花时间 别瞎学 offer都有 你和收割机同学的距离就仅仅在于这准备建议及面试要求侧重点1、基础部分 首先那种学习路线的帖子应该遍地都是了 什么看xx视频多少天 多少天的 感觉这种帖子是不是很多人看 比如说看什么什么视频学html 学css 学js 学vue 学react 学小程序 花多少多少天 我个人觉得这种意义有限 跟某马的就业路线差不多 你看完这种学完真的就能马上知道面试问什么不，但是我在这里还是想给大家列一下 对于中大厂 什么技术需要学...

振振有词的一天两伯

答辩完了 大学生活要结束哩四个字 神清气爽 终于要熬出头了工作和对象都找到了安心毕业 #上学充满热情的瞬间# upd：已分 我不好评价

vite相比于wbp的优势开发环境不需要打包是怎么实现vite的热更新是怎么实现的生产环境打包和wbp有什么不同CSR跟SSR有什么差距、区别为什么SSR的首屏时间会更短呢SSR有在渲染之前做请求吗站在浏览器的角度 你的首屏依赖了很多资源 比如说图片 你觉得怎么样让图片渲染的更快一点你有做过那种大图片的渲染吗低代码平台怎么实现 怎么知道哪个变量对应哪个组件遇到的最困难的问题版本控制怎么锁死到某个小版本中最大的https原理 整个过程需要几对公钥和私钥进行加密，谁用谁的公钥去加密，然后给谁，谁用谁的私钥去加密又给谁csrf防范的token需要用什么信息生成 #面经#

自我介绍挑一个ks实习的项目讲一讲 你具体负责了什么你简单的总结一下 你觉得你做的比较好的 你近期的一个目标给一个具体的优化目标，比如说减少了多少时间挑一个问题讲一讲 遇到这个问题 是怎么解决的比如说你这个pc端跟移动端可以同一套代码吗 怎么做 如果做成跨平台 多端适配 这个能不能做 做这个可能会遇到什么问题你了解的 React 原理对你实际写代码提供了哪些帮助diff 使用 key 时具体怎么比较 什么情况新增什么情况修改对最近比较火的 ai 有没有关注过ai 在哪些场景可能会和前端的一些开发或者工作有一些连接你有没有看过 ai 结合前端的文章 或者前端的一些新技术这个技术对你现在解决问题会有什么帮助 #面经#

百度写七道题秒挂狗东零售某部门抽象的一比 纯卡学历猫超二面噶钉钉二面噶 阿里还有一堆 不想面了 面不过美团第一次莫名其妙被泡死，第二次等hr2天还没结果QQ一面噶字节下周面 我有自知之明想转正 但感觉希望不大已经彻底摆烂不想看八股文 随缘接面试 故 秋招已寄~ #现在还是0offer，延毕还是备考#

不想面试了 太倒霉了再实习几个月感受一下毕业回去家里蹲了 #晒一晒我的家里蹲offer#  #我发现了面试通关密码#

问我虚拟DOM是什么我说忘了然后作为一个不会写代码的人问我手写算法勉勉强强背过写场景题 我一点也不会写 我承认 面试前五天一分钟八股文不看对我这种记忆力低下的人简直就是昭示#（我）没offer了，还能去哪里？#  #现在还是0offer，延毕还是备考#  #消失的前端#

租三次被折磨三次 我真的受不了啊啊啊啊啊

玉玉哩 太脆弱了啊😭😭😭我就想躺家里啥也不干

😋已经玉玉 秋招等死