假如你正在面试 你的面试官问你如何处理遇到的bug或者是页面白屏了 你如何去定位排查并处理 可以展开唠一唠条理清晰的表述问题 提前准备知识点 也许能让你在大厂暑期实习脱颖而出[doge]具体内容看图

学历究竟在互联网重不重要呢 今天反馈了四个offer[doge]但是全是985 本文暂且谈论大厂为主 因为我也主要面向中大厂辅导 小厂情况可以转战小红薯的那个说实习的帖子吧牛可发的比较少目前这个月暑期实习双非拿大厂的在我这边只有一两个 我感觉竞争对于双非还是有的 但是双非拿大厂日常的还挺多的 我感觉如果想速成 92可以说找大厂非常容易 普通双非一般都得学好几个月甚至按年算（高分的双非那种应该相对好找提前提个醒 学院本找实习可能还相对好找 秋招肯定有牢度的 [doge]当然技术哥别骂我泼冷水 我陈述事实天天都有黑子在说前端裁的多 前端找不到工作 前端找不到实习 实际上可能有少部分的黑子是真大厂算法and后端 我感觉一般真没人这么闲 能入行的都是肉眼可见前端学历和门槛最低但大部分的黑子组成都是 今天揭秘大部分黑子成分 国内这些互联网大厂裁人谁管你是啥岗啊 挺好笑的1.小公司自视甚高的10几k牛马 在公司里面比他的大专同事前端拿的高2.以前在小公司和外包干 现在失业了 来当黑子了 实际上没有前端 你当初找后端也入不了行3.董王学生 经典出来打工也要整鄙视链 我要当牛做马加分保研卷算法4.自娱自乐的非前端在参加水赛的时候拿ai自动生成两玩具就开始膏潮了剩下时间顺手总结一下 感觉美团依然是三月底会发一大波offer 跟23年3月底时间线相似 四月也会有不少 因为会有二进宫 就是第一次二面挂 然后复活 我感觉美团几乎是不是一面都不挂人

我所在的学校是一个以包烟光荣的学校我所在的宿舍是电竞宿舍 当舍友打游戏骂人的时候我在学前端 要去实习一半的时候被牛魔举办终止 前年找暑期实习也很破防 前期甚至觉得倒退一下 找个中厂实习得了 虽然最后运气都还不错 在我被抓回学校彻底加入摆烂人的时候 甚至没有面试间 我是在教室的高层的没人的楼道里面试的可能这就是互联网吧 说起来轻松 但只有你也被暑期或者秋招或者牛魔学校牛魔老板不放实习的折磨过可能你才会懂 我感觉我有这个毅力做什么的会成功的

把之前看mdn写的笔记扩写了一下 篇幅较大 先校对1/3相对更适合不生硬宝宝的文档26届的刚开始学的同学千万别拖了 我看挺多跟我说css学太久 js学太久怎么办 就如果你没法去实习可以慢慢学 就实际上某马的那个视频啰嗦的一比 你真全看完包是也是写不出来啥代码 概念合集看一遍 八股看一遍 差不多了 就我写的那个重点涉及到的你再多学学 有的也不考 不如去实习了有的是机会让你写一堆css

这个部分差不多可以算是你在面试里面聊全局性能优化的一小个步骤其实在面试里 面试官可能会针对你阐述时涉及到的任意一个感兴趣的点进行深入挖掘 从而考察你的技术深度就面试里还是要结合自己情况提前准备具体的东西去说

发现很多同学又有好几个误区了先说几个跟大家感同身受的无语某些公司（我就不说了 评论区大家可以说）喜欢前端和后端同一套题 然后给你上数据库和操作系统的题 然后什么c++ Java的语法 等等千奇百怪的 纯牢啊然后是算法题的不习惯 acm模式对于习惯用js的同学应该也有点小牢吧[doge]我之前笔试都被迫cpp和js混着用 有时候输入输出我写不来再说说几个通过不通过的问题大部分公司都是海笔 先发笔试再筛简历 暑期实习算好了 你秋招做测评的时候还会更破防的[doge]挺多公司其实只有笔试正常认真点做 然后正常筛简历 该过的都会过 比如美团暑期实习笔试A了0题照样进面的同学应该也不少然后就是笔试不一定要那么老实 不少人都是团伙作战 或者开桂的 这个我就不在公开场合细节上的教唆大家了所以你看为什么我的帖子都不讲笔试咋做 因为无关紧要 该科技就科技了

编可以随意编上去 但是怎么回答是个讲究活你在面试里的水平 跟你写没写过关系不大 特别是跟着视频写下来的 感觉是普遍严重缺乏自己的思考如果在没有实习的情况下 怎么去尽量的体现你的思考和技术深度 有的同学喜欢搞一些花花的项目 如果没学历确实需要整一个 有学历的花认真沉淀一下烂大街项目背背八股手写随便去大厂实习的我们先可以从面试官怎么去提问的角度来思考这个问题我们一般在项目描述里会写基于xxx实现了xx那我们可以怎么去提问呢？你说你用了xx实现了xx，你具体是怎么做的呢？你知道xx（某种库，技术栈）它的原理么？你为什么选用xx，他跟xx（某竞品）或者原生实现有什么优势么？（这个考虑的角度可以是非常多，比如说某个场景更使用，上手难度，复用性，组内的推行难易，本身的性能，性价比如何，你得能够说服面试官）你用xx的过程中，有遇到什么问题嘛？你是怎么解决的如果xx（面试官随意切换场景），你觉得xx跟xx在xx下你会选择谁（根据你回答到的任意沾边的技术栈切换场景去考察你的技术广度和深度）属于是攻击力拉满了 因为大厂里特别是校招的面试很多都需要打分 你能回答到哪一个层次的评价体系

前端主学的还是计算机网络 然后就是设计模式 我在前端大厂校招过程的一些三面 是由部门负责人来面 但他不是前端 可能会从设计模式来考察你的编码功底（我经历过两次） 本文是对这些内容的分享 大家可以看看。    --- 一、前端常用设计模式实战 1. 单例模式（Singleton） 场景：全局状态管理、浏览器环境唯一对象 示例：实现一个浏览器日志管理器 class Logger {   constructor() {     if (!Logger.instance) {       this.logs = [];   &nbs...

从一些面经里面扒出来整理的框架其实感觉不是重点考察的点啊 但是简单的八股还是要背背 原理这些我感觉无所谓 因为我React原理背了一堆感觉也没什么用一、基础概念与原理1. Vue 的 MVVM 模式是什么？MVVM（Model-View-ViewModel）通过数据绑定实现视图与数据的自动同步。  - Model：数据层，负责业务逻辑。  - View：UI 层，展示数据。  - ViewModel：双向绑定桥梁，监听数据变化并更新视图。2. Vue2 与 Vue3 的核心区别  - 响应式系统：Vue2 使用 Object.defineProperty，Vue3 改用 Proxy，支持深层对象和数组监听。  - Composition API：Vue3 提供更灵活的代码组织方式，替代 Options API 的逻辑分散问题。  - 性能优化：Vue3 通过静态提升（Static Hoisting）和 Patch Flag 减少虚拟 DOM 对比开销。3. Vue 生命周期钩子函数及作用  - 创建阶段：beforeCreate（数据未初始化）、created（可访问数据，但 DOM 未挂载）。  - 挂载阶段：beforeMount（模板编译完成）、mounted（DOM 渲染完成，适合异步请求）。  - 更新阶段：beforeUpdate、updated（数据变化后触发）。  - 销毁阶段：beforeDestroy（清理定时器）、destroyed。二、核心机制与优化4. 响应式原理实现  - Vue2：通过 Object.defineProperty 递归劫持对象属性，结合发布-订阅模式收集依赖。  - Vue3：基于 Proxy 代理对象，支持动态属性添加和数组索引修改，减少初始化性能损耗。5. 虚拟 DOM 与 Diff 算法的作用  - 虚拟 DOM：JS 对象模拟真实 DOM，减少直接操作 DOM 的性能损耗。  - Diff 算法：同级对比新旧虚拟 DOM，通过 Key 标识复用节点，最小化更新范围。6. Computed 和 Watch 的区别  - Computed：依赖缓存，适合派生数据（如过滤列表），仅在依赖变化时重新计算。  - Watch：监听数据变化执行回调，支持异步操作，适用于数据变动后的复杂处理。三、组件与通信7. 组件通信方式  - 父子组件：props 传值，$emit 触发事件。  - 跨层级：provide/inject（依赖注入）、Vuex 全局状态管理。  - 兄弟组件：事件总线（Event Bus）或通过父组件中转。8. 动态组件与异步组件  - 动态组件：使用  动态切换组件。  - 异步组件：通过 defineAsyncComponent 或路由懒加载（() => import('./Component.vue')）优化首屏性能。9. 插槽（Slots）的应用场景  - 默认插槽： 接收父组件内容。  - 具名插槽： 指定插入位置。  - 作用域插槽：子组件通过 v-bind 传递数据给父组件14。四、路由与状态管理10. Vue Router 的导航守卫  - 全局守卫：beforeEach（路由跳转前鉴权）、afterEach（跳转后操作）。  - 路由独享守卫：beforeEnter。  - 组件内守卫：beforeRouteEnter（无法访问 this）、beforeRouteUpdate。11. Vuex 的核心概念  - State：存储全局状态。  - Mutations：同步修改状态（通过 commit 触发）。  - Actions：异步操作后提交 Mutations（通过 dispatch 触发）。  - Getters：计算派生状态。五、高频实战问题12. v-if 与 v-show 的区别  - v-if：条件渲染，销毁/重建 DOM，适用于切换频率低的场景。  - v-show：通过 CSS display 控制显示，适合频繁切换。13. v-for 为何需要 Key？Key 帮助 Vue 识别节点身份，优化 Diff 算法效率，避免渲染错误14. Vue 性能优化手段  - 使用 v-once 或 v-memo 缓存静态内容。  - 路由懒加载、组件异步加载。  - 避免深层响应式对象，合理使用 Object.freeze。六、原理类高频问题1. Vue 的响应式系统中，Object.defineProperty 和 Proxy 在实现上有何本质区别？Vue3 改用 Proxy 解决了哪些痛点？（提示：数组监听、动态属性、性能开销）2. 依赖收集（Dependency Collection）和派发更新（Trigger Updates）的具体流程是怎样的？请描述 Dep 和 Watcher 的协作关系。（提示：发布-订阅模式、getter/setter 触发时机）3. Vue 的模板编译过程经历了哪几个阶段？如何将模板字符串转换为渲染函数？（提示：解析器生成 AST → 优化器标记静态节点 → 代码生成器生成 render 函数）4. 虚拟 DOM 的 Diff 算法中，为什么要优先进行“同层比较”而不是跨层递归？Key 值在 Diff 过程中起到了什么作用？（提示：时间复杂度优化、节点复用策略）5. Vue 的异步更新队列（Async Update Queue）是如何工作的？为什么修改数据后立即访问 DOM 可能获取不到最新值？（提示：nextTick 实现原理、事件循环与微任务）6. Vue3 的静态提升（Static Hoisting）和 Block Tree 机制如何优化渲染性能？（提示：跳过静态节点比对、动态节点标记 Patch Flags）7. 计算属性（Computed）的缓存特性是如何实现的？与普通方法调用有何本质区别？（提示：脏检查机制、依赖追踪）8. Vue 组件实例化过程中，data 选项为什么要用函数返回对象，而不是直接写对象？（提示：避免多个实例共享同一数据引用）9. Vue 的事件系统是如何实现 v-on 的？事件修饰符（如 .native）底层做了哪些处理？（提示：原生事件与自定义事件的分发机制）10. Vue3 的 Composition API 如何解决逻辑复用问题？对比 Mixins 和 Hooks 的优缺点。（提示：命名冲突、代码组织、类型推导）

每天都有问我怎么办的 着急的 说现在招聘都开啦说什么大部分2-3月招完啦 大部分秋招hc都是转正啦 我感觉制造焦虑真没意思 我五月底（暑期offer）和十二月（校招offer）我同学也有春招进字节的你先别急 因为前年这个时候我也很急 如果你急了 让你多学会 是有用 但是你急了 你开摆了 那就真寄了如果暑期3-5结束了 确实拿不到 也无所谓 5-6月照样有中大厂的日常实习 随意的冲啊转正概率感觉平均过去1/3-1/4 想赌自辨啊 极个别的bu确实只能转正或者以转正为主 比如wxg 蚂蚁等阿里的部分bu我个人建议 不要allin就可以92+一段中大厂日常 秋招照样随便拿 前提是你先把技术沉淀好了 虽然我是教人速成的 我觉得实习好糊弄一下就拿offer 但是秋招你不认真学学真糊弄不来 我感觉最近找我辅导的同学有2/3都是92的 现在学历是不是感觉比我之前要卷啊 怎么都来学前端了？[捂脸R] （当然这个样本太少 感觉应该双非也有挺大群体吧）想去大厂最好是92 最差是一本如果是学院本建议降低求职预期（中小厂）  

实习时候的库存了 往牛可也发一遍---一、埋点之痛：前端工程师的「不能承受之重」// 传统埋点开发典型场景function handleButtonClick() {  // 业务逻辑...  logTracker.send({    event: 'share_click',  // 参数名冲突？是否带下划线？    params: {       type: 1,            // 1代表图文？还是2代表图文？      page: 'detail'      // 页面命名和产品文档不一致？    }  });}行业现状：- 沟通黑盒：PRD中"点击分享时上报"的模糊描述，导致5轮需求确认- 代码腐化：不同业务线埋点方法命名冲突、参数结构混乱- 调试地狱：真机抓包验证埋点耗时占开发总时长40%以上---二、破局之道：标准化埋点开发SOP2.1 元数据治理：给埋点办「身份证」（KPN）技术价值：- 数据血缘溯源：通过kpn=com.company.product.module定义埋点归属层级- 版本兼容性：自动关联SDK版本与埋点参数变更记录- 权限隔离：基于KPN粒度控制埋点读写权限2.2 需求结构化：PRD转译机器可读规范标准化模板示例：## 埋点事件: share_button_click- **触发时机**: DOM点击事件冒泡阶段  - **参数清单**:  | 参数名 | 类型   | 枚举值               | 采集策略 |  |--------|--------|----------------------|----------|  | type   | number | 1:图文 2:视频 3:链接 | 必传     |  | source | string | 当前页面路由path     | 自动注入 |2.3 代码生成：从人工到自动化（Team平台实践）技术实现路径：1. DSL解析器：将PRD转换为JSON Schema描述文件2. 脚手架生成：基于模板引擎自动输出带TS类型提示的代码片段// 自动生成的tracker.tstype ShareType = 1 | 2 | 3;interface ShareEventParams {  type: ShareType;  source?: string; // 自动从路由获取}class Tracker {  static trackShareClick(params: ShareEventParams) {    window.__tracker?.send({      event: 'share_click',      params: { ...params, source: params.source || getCurrentRoute() }    });  }}3. IDE插件：在VSCode中通过代码补全提示可用埋点方法---三、核心架构：高可用埋点SDK设计3.1 分层架构设计                          +----------------+                          | 业务调用层      |                          | (trackXxx())   |                          +----------------+                                    ↓                          +----------------+                          | 逻辑聚合层      |                          | (参数校验/过滤)|                          +----------------+                                    ↓                          +----------------+                          | 传输调度层      |                          | (节流/失败重试)|                          +----------------+                                    ↓                          +----------------+                          | 底层适配层      |                          | (Web/小程序/RN)|                          +----------------+3.2 关键技术实现// 核心能力封装示例class TrackerCore {  private queue: Event[] = [];  private readonly MAX_RETRY = 3;  // 防抖+批量上报  send(event: Event) {    this.queue.push(event);    clearTimeout(this.timer);    this.timer = setTimeout(() => this.flush(), 1000);  }  private async flush() {    const events = this.queue.splice(0, 50);    try {      await navigator.sendBeacon('/log', JSON.stringify(events));    } catch (err) {      if (this.retryCount < this.MAX_RETRY) {        setTimeout(() => this.flush(), 2000);      }    }  }}---四、质量保障：埋点验证体系4.1 自动化测试方案// 基于Puppeteer的埋点校验describe('分享埋点测试', () => {  it('点击图文分享按钮应触发埋点', async () => {    await page.click('#share-btn');    const logs = await getMockServerLogs(); // 对接mock服务    expect(logs).toContainEvent({      event: 'share_click',      params: { type: 1 }    });  });});4.2 可视化验证工具- 实时热力图：在Team平台重现用户操作路径，标注埋点触发位置- Diff检测：对比预期埋点列表与实际采集结果的差异- 数据血缘图：可视化展示KPN->PRD->代码->日志的完整链路---五、实战案例：某电商大促活动埋点提效背景：需要3天内上线包含12个新埋点的活动页暂时无法在飞书文档外展示此内容关键动作：1. 使用DSL生成埋点参数校验函数2. 在Storybook中集成埋点触发预览3. 通过流量回放验证历史埋点兼容性---六、未来演进方向1. 智能化监控：基于历史数据自动检测埋点异常波动2. 无痕埋点：结合MutationObserver自动捕获DOM变化3. 全链路追踪：打通前端埋点与服务端日志的TraceID（注：文中所提技术方案已脱敏，可根据实际业务需求二次定制）

我今天无意间翻到了两年前我准备暑期实习的截图这个时长惨不忍睹 不过我当时也有在实习 确实下班根本不想学一点前端 不知道有没有同学会这样 可能卷王下班还在卷offer都是你们应得的😭想找到实习有几个路子 我习惯以目标导向学历92就是可以参考我这个图的时间分布 知道什么重要了吧 给你们出八股文我是专业的😋学历不行的 就是要花里胡哨写项目 然后get面试机会 然后继续八股 所以无论你是什么情况 背八股手写算法代码输出永远不亏然后继续讲故事 我是在某大厂日常实习期间偷摸面的暑期 其实一开始不太顺利 前两个月只拿了美团的 为什么面这么多都挂了 而且都是终面挂基本上 总结了还是 懒 基本上面试的反馈都是基础不行（背的不行）我觉得我一天学两个小时能面成这算我运气好了哈哈哈哈 最后反正有保底 我就开摆了 回学校玩了 两个月一点都没学 然后五月底闲的没事干 投了三家中大厂暑期补录 然后3进2 有一个没面完我拒了直接 一切都是运气 为什么一开始学了还拿不到 摆烂了反而有了 但是我劝大家还是要坚持持续学习 运气来了但是你八股都不会这不得玉玉了      

昨天 好几个辅导同学来问腾讯的这个东西然后 好多问我xx来不来得及 只有一段实习能秋招吗而且有些同学在我看来几乎是大概率进大厂的 但是他们还是比较着急和浮躁 感觉没有必要（具体概率判断可以翻我之前帖子）92已经有实习或者这剩下半年随便就能找个实习 只要把自己技术这块折腾明白 顶着中小厂实习照样秋招能进字节（我这边有两个25届的最新case）然后我想说 这种实习开的早 我其实都不太在乎 而且有时些甚至是开个路口几乎不招人或者少量招 按自己的节奏来就可以 不要摆烂 把该准备的准备好就开始投就行 暑期实习也只能拿一个offer 我之前在五月底拿了三家中大厂的实习offer 秋招也在11月才拿到字节阿里的 所以从心态上我必然能理解着急这件事 但是从后视镜看 拿不到也无所谓 春招再战就是了 暑期就算拿不到 大概率秋招能拿 拿不到春招大概率也能拿（虽然我暑期和秋招保底都拿的挺早[doge]）硬实力方面要求移步别的帖子 都已经写的太多了 心态要好大家 我是前端鼓励师（不是我不劝人做就业选择 但是我可以确定你选一个方向不要在动摇了 我曾经学了一年的后端前端反复横跳 浪费了不少时间      

从昨天在🍠的日更梦就破碎了 这边感觉更是随缘发 实在是太忙了 唉 今天也没时间上干货 谈谈这几天碰的难绷事和职场碎碎念在一些问前端初学找实习要学什么技术栈的一些帖子 总能看见 一上来就让学node和moongodb什么后端 数据库 什么uniapp更是一坨明明把三件套和vue或者react选一个 学完包装个项目 背背八股手写就能找实习有些人确实是打广告劝学他自己的内容 我辅导前端但是我不想干涉方向的选择 我其实感觉自己本身也不太适合互联网 因为互联网这行业无论是前端后端算法测试都适合想要狠赚笔卷人来 如果在工作中不准备频繁跳槽 那你的薪资其实性价比不高 一个五年三跳可以到年薪百万 但如果你不是嫡系 在一个地方干五年 你工资只会被应届生倒挂 也就是应届生比你五年经验是差不多的 我部门里面同样是两年经验左右的前端 跳槽的已经总包七十万 而在组里面当牛马的两年前端才拿三十万出头 被应届生狠狠倒挂      

有的同学在问要不要学vue2，我感觉学技术应用的时候，直接学vue3，背原理八股文的时候再背vue2，就跟React的类组件一样，我根本不想学也不想用，但是有些面试还喜欢问生命周期，，但是我保证 某几个大厂你进去实习包是需要维护那个vue2史山 甚至是vue2.5用不了v-slot版然后 这其实是一个八股 vue3比vue2好在哪一、响应式系统革新Vue2 基于 Object.defineProperty 的响应式存在硬伤：无法监听动态新增属性、数组索引修改需特殊处理。Vue3 采用 Proxy 重构后：自动追踪深层嵌套对象变化数组操作无需特殊 API（如 push直接生效）内存占用显著降低（官方测试减少约 40%）渲染性能优化（复杂场景实测提升 1.5-2 倍）二、组合式 API 颠覆逻辑组织方式对比 Vue2 的选项式 API，组合式 API 实现逻辑关注点聚合高复用性：业务逻辑可封装为独立函数跨组件复用TS 友好：天然支持类型推导，复杂项目维护性提升逻辑解耦：同一功能相关代码集中管理（如数据+请求+状态）心智负担降低：解决this 上下文问题，函数作用域更清晰三、工程化能力全面升级Tree-shaking 优化：打包体积减少 40%+（仅引入使用到的功能）模块化设计：核心库拆分为独立模块（如响应式/编译器分离）兼容性策略：提供渐进式迁移方案，支持与 Vue2 混用生态协同：Vite 构建工具等新库四、新特性解决历史痛点多根组件模板：摆脱外层冗余 <div> 包裹Teleport 组件：优雅处理全局弹窗/Toast 等 DOM 层级问题自定义渲染器：突破 Web 限制，可开发小程序/Canvas 应用Fragment 支持：服务端渲染 (SSR) 性能显著优化五、长期维护与生态趋势官方维护策略：Vue2 已于 2023 年底停止维护社区资源倾斜：全家桶已全面适配 V3TypeScript 深度整合：类型提示覆盖模板/Props/自定义Hook未来演进基础：新功能（如 Suspense/新的 DevTools）仅支持 V3</div>