前段时间有很多牛油私信问有没有一些路线分享 , 正好最近期末考完了 , 分享一下自己的学习建议 ( 前段时间真的太忙了 ) . 无实习 => 大厂三连杀！我是如何引字节百度美团多家大厂为我竞折腰？核心原则：攻业务痛点 > 啃理论 | 80%时间写代码 | 输出倒逼输入一、筑基篇：HTML/CSS/JS 三件套黑马程序员HTML5+CSS3JavaScript核心语法（尚硅谷Pink老师）前端调试与性能优化（ up主gzqhero的前端性能优化方法与实战 ）二、框架篇：Vue3+React 双修本人最初技术栈是Vue , 后面转的React , 建议两个都会✅ Vue3 企业级实战小...

缘起于前段时间跟我一哥们聊天，聊到算法突然骂我：“出生，你说你八股和算法都不好，为啥面试就没有挂的？” 作为大二前端日常实习生，最近回顾大厂面经后突然顿悟：面试真不是死磕八股的“背题考试”，项目里的“思考深度”和“底层理解”才是通关密码！先甩面试流程镇楼（拒绝的基本是流程劝退/备考冲突，真·没挂过谁懂！）🔥 第一坑：项目别做“工具人式描述”，要讲“为什么选这个技术”以前我写项目，只会平铺直叙 “用WebSocket实现了实时聊天” ，直到面试被反问：“为啥不用HTTP轮询？WebSocket解决了什么具体问题？” 我才突然悟了——技术不是罗列的勋章，而是解决问题的武器！✅ 正确思路：对比选型...

前段时间有很多牛油私信问有没有一些路线分享 , 正好最近期末考完了 , 分享一下自己的学习建议 ( 前段时间真的太忙了 ) . 无实习 => 大厂三连杀！我是如何引字节百度美团多家大厂为我竞折腰？核心原则：攻业务痛点 > 啃理论 | 80%时间写代码 | 输出倒逼输入一、筑基篇：HTML/CSS/JS 三件套黑马程序员HTML5+CSS3JavaScript核心语法（尚硅谷Pink老师）前端调试与性能优化（ up主gzqhero的前端性能优化方法与实战 ）二、框架篇：Vue3+React 双修本人最初技术栈是Vue , 后面转的React , 建议两个都会✅ Vue3 企业级实战小...

兄弟们，血的教训！用亲身经历揭露大厂招聘PUA流水线操作，职场新人避雷必看！一 魔幻时间线：从天堂到地狱5.28：终面通过，HR加微信承诺 “1-7个工作日发offer”（有聊天记录为证），遂停止其他面试苦等10天：每天刷新邮箱100遍，怀疑自己不够格，焦虑到失眠（打工人共情点）第15天：百度OC催签+字节三面通过，为保底含泪继续面（HR依旧沉默）第21天：HR突然诈尸：“同学哪天入职？”（此时字节三面已过, 已约HR面）二 HR骚操作实录：职场PUA现场教学道德绑架 当我回复“6.30入职”后，HR突然变脸：“你当时不是特别着急来吗？现在变卦了？”（内心OS：您失忆了？鸽我三周还甩锅？） 2...

1.为什么要学习前端2.怎么学习的3.HTTPS4.详细的说一下HTTPS加密这一层怎么做的5.HTTP2.0有哪些优化6.HTTP2.0使用有哪些前置的条件吗7.有了解过进程和线程的区别吗8.进程之间的通信9.JS的内存回收机制10.有听说过垃圾回收算法吗11.vh, vw, %12.我要发送一个跨域的POST请求 , 我们应该怎么做 ( 巴拉巴拉 ) , 如果是复杂请求该怎么做 , ( OPTIONS请求 ) , OPTIONS请求是每次都要发送吗13.setTimeout为什么会不准呢14.页面上的一个点击按钮的一个操作是宏任务还是微任务15.你对性能优化的了解16.为什么要做React这个项目 , 项目实现了哪些功能17.Diff算法如何实现的算法 :18.第三大的数19.版本号排序20.为什么想来字节21.不需要上课吗22.计划什么时候到岗23.手上有别的offer吗 , ( 有 ) , 都是什么部门 / 业务的24.学校成绩怎么样反问1.业务许愿HR面! ! ! 许愿HR面! ! ! 许愿HR面! ! ! 许愿HR面! ! ! 许愿HR面! ! !

忘录音了 , 凭记忆想一下1.讲一下你的Hook实现思路2.对自定义Hook有了解吗3.为什么要用函数组件 , 函数组件和类组件对比有什么优势4.了解过高阶组件吗5.类组件setState中接受一个回调函数 , 回调函数做了什么事情6.Vue响应式原理7.flex1的含义8.flex布局实现两栏布局 , 左右各固定 ( 说了一下左侧固定右侧自适应 , 他说左右都固定的怎么办 , 说这种只会用float实现 )9.flex属性10.js常用数组方法11.forEach如果中间有return逻辑 , 会继续遍历吗12.React的生命周期13.状态管理的优势手撕 + 代码输出 ＋算法12.手写一下一个高阶组件的例子 , 为我们包裹的组件增加name = 1的属性13.一道代码输出 , setState后立马调用console.log(num) , 对应的打印值 ( 讲了一下setState异步调用的设计理念 )14.var a = new Promise((resolve, reject)=>{reject()})function _x( ) {// 什么都不做}a.then(_1, _2).then(_3, _4).catch(_5)这12345五个函数会调用哪几个15.数组去重 ( 最开始用的map , 说要改变原数组的话怎么办 , 用了while + splite )反问 :1.多久出结果 ( 说了一句今天就能出 , 我和HR确认一下就好 . 这算是稳了吗 , 基本都答出来了 )2.学习建议  => 多写代码 ( 没办法手写能力真的差 )整体面试体验挺不错的 , 比昨天的wxg好一百倍 , 答不出来的还会引导更新一下 , 当天下午内部哥们说过了

......这次真没话说 , 难度相较于其他面试都不是一个档次的 , 巨多场景题 , 面试官还经常打断 , 面完直接就不想再面了项目拷打1.Hook中做了哪些工作2.React如果不用双缓冲机制 , 它的传统实现方式是怎么样的3.双缓冲机制的缺点4.虚拟DOM和实际DOM的区别5.虚拟DOM的创建是在你自己实现的哪个阶段呢 , 对应到你刚描述的双缓冲机制中的哪一步呢6.React如何做到双缓冲中wip节点不会被用户看到的7.真实DOM具体是怎么卸载的 , 讲一下8.用户如果在滚动的时候对应的一个DOM超过了屏幕范围 , 你是怎么保证该DOM不被改变的呢9.如果用户在观看视频 , 在双缓冲树更替的时候 , 视频进度是如何保证的 , ( 当时不太明白 ) 你的React是怎么保存state的呢10.如果一些DOM节点的一些属性不是我们能设置的 , 是其内部自己处理的 , 那我们是怎么保证他正常运作的11.之前提到fiber的更新流程是可以中断的 , 什么情况下要中断12.时间切片的时间我们是怎么规定的13.如果我们的任务执行时间超过时间切片规定时间 , 那我们是如何做到保存进度的14.高优先级任务可以在任意时间打断低优先级任务吗 , ( 没触发饥饿问题的话可以 ) , 那当高优先级任务执行完 , 低优先级任务如何继续执行的  ( 巴拉巴拉 ) 提到了一个更新队列 , 你会往队列里推入什么东西15.看你也写过一个Mini-Vue项目 , 感觉Vue和React有哪些区别和相似点16.讲一下Vue双向绑定原理 , ( 巴拉巴拉 ) , 为什么要做依赖收集 ( 个人理解为了找到视图上所有被触发更新的地方 )17.state是如何变成虚拟DOM的 , jsx如何转化的18.为什么要用WebSocket , 不用会有什么缺点 , 有没有调研过比WebSocket更好的方案19.并发用户更新怎么测的20.代码复用率是怎么测的 , 代码封装体现了前端设计的什么思想到这儿项目拷打了50min , 本来以为结束了 , 后来说问一些八股吧 ......21.讲一下事件循环22.我在promise.then中创建promise.then , 不停的创建 , 就是不停的创建微任务 , 会导致js阻塞吗 , 如果是宏任务呢23.如果设置setTimeout , 一千毫秒后执行 , 那这个任务是刚刚好一千毫秒会执行吗 ( 不一定 ) , 会晚吗 , 会早吗 , 最多晚多少24.js的内存是什么时候被回收的 , 讲一下内存泄漏25.css怎么做对不同设备或者尺寸的兼容26.有做过适配设备的深色模式或者浅色模式之类的吗27.HTTPS和普通的HTTP的区别28.对于HTTPS , 能防止我作为中件人攻击吗 ( 听不懂 ) , 比如我在客户端和服务器中间劫持HTTPS请求 , 如果要修改它的内容 , 可以做到吗 ( 不可以 ) , 如果我在你最开始发送HTTPS请求的时候劫持到信息 , 然后骗你说我是你要连接的服务器 , 给你一些错误的请求 , 这样可以吗 ( 可以 )后来让我讲一下 他没问到但我想讲的 , 吟唱了一下React调度流程和一些性能优化手段 , 在我吟唱的时候还不忘拷打我 , 相思了反问 :什么时候出结果 : 1-2天学习建议刚刚看了一下官网进度 , 一面已经过了 , 开心嘿嘿

1.讲一下Fiber2.React的事件委托机制怎么实现的3.冒泡和捕获区别是什么4.在原生js中如何阻止浏览器冒泡5.ES6新特性6.箭头函数和普通函数的区别7.FCP是什么 , 如何测量的 , 如果优化的8.业务项目有给真实用户使用吗9.GET和PUT请求的区别10.cookie怎么使用的 , 前端有办法获取到cookie吗 , ( 说一直在用jwt , 就不太了解 ) 那jwt的token放到哪里 , ( 用的是双token , 讲了一下双token各自存放的位置 )11.React的组件间通信代码输出12.var a= function () { this.b =3; }var c = new a();a.protorype.b = 9;var b = 7;a();问：console.log(b);  // 3console.log(c.b); // 3算法 / 手撕13.给一个数组 , 找出数组中出现次数最多的数字 , 可能不止一个 ( 思路挺顺的但报错了 , 最后也没看出来错在哪儿 )14.Promise.all反问1.业务2.多久出结果感觉问的挺常规的 , 没有想象中的深度拷打 , 基本都答出来了

如题 , 鼠鼠目前是大二菜鸡 , 目前有几个公司的意向 , 想询问一下牛油们的想法美团 , 已经在审批流程 , 部门是门票度假 , 找内部学长查了一下 , 说是核心部门 , base北京百度 , 刚刚oc ，好像是移动生态事业群? 不太清楚业务是否核心 , 主要是有个同班同学( 后端的 )接了offer去了上海 , base上海腾讯 , 明天下午一面 , wxg , base深圳字节 , 马上一面 , 生活服务部门 , base杭州快手小红书的约面打算简单面一下 , 因为最近在期末 , 也不是很有精力搞了 , 担心冲字节腾讯的过程中其他两个offer会过期 , 有点纠结 , 亲爱的牛油们 , 请留下你们宝贵的建议吧 !

1.为什么学前端2.遇到困难如何解决3.学习规划4.Hook实现架构5.Hook不能在循环嵌套语句中使用 , 为什么6.Fiber架构7.现在社区上逐渐开始流行起来一些无虚拟DOM框架开发 , 比如无虚拟DOM版本的Vue , 有了解过吗 ( ? ? ? )8.React和Vue区别9.React的受控组件和非受控组件10.封装一个组件 , 如果这个组件同时需要支持受控和非受控用法 , 你会怎么做 ( 不会 , 说是多去看一下主流的组件库的框架就可以了. ? ? ?  )11.鉴权登录的流程12.讲一下双token13.如何判断用户是否登录14.Webpack和Vite区别15.尤雨溪最近发布过一篇关于打包工具的文章 , 讲了一下打包工具的发展趋势 , 你了解过吗 , 讲一下你对趋势的理解 ( ? 直接绷不住了 , 问一个实习生真的要了解这么多吗 , 面试官说没有 , 就是简单问一下 )反问 :1.业务2.多久出面试结果

全程项目拷打1.性能优化指标了解多少 , 都代表什么含义 (说了LCP , SI , FID)2.就拿LCP来说 , 如何计算的 (说导入一个包 , 包里面有getLCP方法) , 了解过这个方法是怎么实现的吗 ( ? ? ? 这玩意实习生真的需要了解吗)3.听说过FCP吗 (听说过) , 那如果计算工具有误差 , 你感觉会是什么原因4.React项目用到了闭包 , 讲一下闭包5.说一下防抖的实现思路6.看你用了WebSocket , 为什么 , 还有其他的通讯的方式吗7.为什么要用Electron8.开发过程中有没有遇到过性能瓶颈 , 如果有的话解决方式 (讲了一个) 如何实现的9.算法 : 合并区间反问 :学习建议 => 业务能力偏薄弱 , 学习能力很强这个面试官说一面面试官对我印象很深刻 , 感觉我技术很好 , 但是算法偏薄弱 , 代码考核时可以针对我擅长的地方出一个简单一点的题 , 真的好感动

更新一下  上午面完当天下午约了二面碎碎念 : 鼠鼠真的要破防了  上周四没接到塔子电话 , 后来打回去七个都打不通 , 无奈只好再次投 . 今天上午又打了约面了 , 但当时在面百度 , 我好绝望 , 百度我恨你和昨天的美团一样 , 几乎全程拷打项目 :1.你了解fiber架构解决了之前react的哪些问题吗2.你构建的fiber具有哪些属性3.你的fiber架构有阶段划分吗4.刚刚提到你的fiber保证在更新流程可中断 , 那哪些情况下是不可中断的呢5.fiber架构的缺点6.fiber架构可以提升性能 , 具体体现在哪些场景下7.react是如何区分hook当前所处的状态呢8.hook能在循环嵌套这种条件下去调用吗 ( 不能 , 只能在函数最顶层使用 )9.为什么只能在最顶层使用 ( 我说不了解 , 她说你结合一下你之前讲过的机制 , 解释一下 )10.那 if 呢 , 为什么不能在 if 中使用 , 结合你刚刚的理解前面这仨问题都是面试官引导的好答出来的 , 面试体验真的好好 ! ! !11.axios的二次封装 , 做了哪些事情12.如果后端请求超时 , 你会做哪些处理13.如果重要的消息你们有做过重试处理的机制吗 ( 无 )代码考核 :数组过滤 + 数组转树  ( 面试官引导了好久才写出来 , 算法真的太差了要好好补补了 )反问 :1.技术栈2.业务3.学习建议面试官最后还夸我React底层理解的很好 , 有点开心 , 还是太菜了 , 但不影响这是一次很好的一次面试体验

下午面完第二天下午hr加微信了  面试通过进入审批流程全程拷打项目 , 有点汗流浃背了另外提一嘴 , 鼠鼠几乎每一个面经都提到过自己的算法不好 , 可能大家不太了解什么程度 , 今天就遇到了比较简单的算法题 , 但鼠鼠还是没有撕出来 , 有点难过 , 以后一定要多刷算法题1.为什么学前端2.为什么要用fiber架构 , 以及为什么要用链表结构3.讲一下你的hook4.hook是如何具有感知上下文的能力的5.你的useState如何实现的6.你的useState如何存储数据的呢7.多个setState同时调用的话 , 是怎么处理的算法题8.最长递增子序列 (没写出来 , 被自己蠢哭了 , 讲了一种暴力的思路)9.反转链表 (秒了)继续拷打项目10.为什么用WebSocket而不用HTTP11.WebSocket的心跳包是怎么写的你还记得吗12.WebSocket这么好 , 他有什么缺点吗 , 是不是什么时候都优先用WebSocket13.用axios做了什么14.提到写了一个Loading , 怎么做的15.除了加Loading还有什么方法 (防抖)16.手撕防抖17.最快到岗时间面试体验真的很好 , 面试官非常和蔼 , 算法写不出来也会提示我 , 期待成为团孝子

面的过程中说不是互联网公司 , 而是网络安全为主的 , 就面了十几分钟 , 感觉像是kpi1.Promise , Promise.all2.new操作符3.对SEO的优化有了解吗 ( 有的 , SSR ) 讲一下SSR4.前端安全问题了解吗 , 讲一下XSS和CSRF攻击5.两个项目在不同的浏览器和设备上都有良好的显示效果吗 , 你怎么能确保的6.浏览器兼容做过吗7.专业排名8.期望薪资5.6都没说出来 , 感觉要凉了

拷打项目 :1.实现的React有什么具体内容2.调度实现的原理3.高优先级IO-bound阻塞低优先级CPU-bound , 具体是指什么事件4.JWT双token无感刷新可以讲一下吗5.WebSocket讲一下 , 为什么要用WebSocket八股 :6.Vue和React的区别7.Vue3 setup这些呢 ( 不太明白他想问什么 , 就说了一下Vue2和Vue3API的差别 )8.v-model原理9.v-if和v-model的区别10.keep-alive了解吗11.ref和reactive区别12.computed和watch的区别13.new操作符做了什么14.apply , bind , call区别15.JS事件循环机制16.宏任务和微任务举几个例子17.Promise.all如何实现的 , 说一下思路 ( 还好中午复习了一下 , 不然就gg了 )18.JS的继承一般有哪几种19.讲一下原型链20.JS闭包 , 闭包的应用 ( 说了moba游戏回城时 , 连续点回城但回不去就是防抖 , 只有等进度条读满才能成功回城是节流 )后面就是聊天了 , 中间聊的最开心的时候说自己算法不太好 , 直接给我把算法跳过了 , 嘿嘿反问 :1.技术栈 Vue2.业务