好多同学一直问什么时候可以找实习，其实目前实习还是挺多的，我这边有同学反馈最近美团约面比较多，不同部门都有在约，这里分享下美团BI部门的面试题“说明 npm、yarn 和 pnpm 的区别，以及介绍下pnpm的软硬链接”，来源依旧是27找实习的同学，小圆这里帮大家整理了详细的资料。在前端工程化的发展过程中，包管理工具扮演着至关重要的角色。从最初的 npm，到后来的 yarn，再到如今广泛使用的 pnpm，它们的演进过程实际上反映了前端生态在依赖管理、性能优化和资源复用上的不断探索。本文将系统梳理三者在依赖管理机制上的设计差异、存在的问题及 pnpm 的核心创新点。一、npm 2：嵌套依赖的时代...

这是之前一个27同学面滴滴实习的题目，部门是体验平台，针对浏览器缓存问了强弱缓存区别以及使用场景等问题，小圆这边整理好了～浏览器缓存是前端性能优化中最重要的一环。合理利用缓存，不仅能显著提升页面加载速度、减少服务器压力，还能改善用户体验。但在面试中，很多人只会“Cache-Control、ETag、Expires”这几个名词，却说不清底层逻辑与交互过程。本文讲解浏览器缓存机制，从类型、原理到实践配置，帮你彻底吃透这个高频考点。 一、缓存的分类概览浏览器缓存大体分为两类：类型是否向服务器发请求命中后资源来源常用字段强缓存（Strong Cache）否本地缓存（Memory/Disk）Cache-...

如题，这是一位同学面完字节分享的题目，字节总体上难度会比较大，所以没准备好建议不要约面，留下脏面评会影响后面投递。前端开发中，热更新（Hot Module Replacement, HMR）几乎是必不可少的功能。它能够在代码修改后无需刷新页面就实时生效，大幅提升开发效率。尽管 Webpack 和 Vite 都支持 HMR，但两者的底层实现方式完全不同。理解这些机制不仅能帮助我们优化开发体验，也能在面试中回答得更有深度。一、热更新的基本概念热更新的核心目标是：在代码改动后，只替换变更的模块，而不是整页刷新。其基本流程包括三部分：监听文件变化；通知浏览器；浏览器执行模块替换。无论是 Webpack...

最近很多27找实习，大部分面试会问一下flex布局这种基础前端问题，上周有同学反馈蔚来一面有出过，所以小圆不仅整理了flex还整理了grid方便学习以及比较。在现代前端开发中，CSS 布局系统的核心已从传统的浮动与定位，逐步过渡到 Flexbox 与 Grid。这两种布局方案在现代浏览器中均得到广泛支持，它们在理念上有明显差异，也各自适用于不同的布局场景。本文将系统梳理两者的特性、差异与应用边界，为开发者提供实践层面的参考。一、布局理念对比特性维度FlexboxCSS Grid布局维度一维布局（单行或单列）二维布局（行与列）主轴与交叉轴主轴控制方向，交叉轴自动调整行列均可精确控制子元素排列根据...

在前端面试中，Webpack 一直是高频考点之一。而在所有模块化相关的问题中，“import 导入时 Webpack 在干什么” 这类问题经常被问到。乍看只是一个语法糖，但背后其实包含了 模块解析、依赖图构建、代码转换、打包优化 等一整套复杂流程。本文小圆将带你从源码构建视角，彻底弄清楚 import 背后 Webpack 的工作原理～～～一、整体流程概览当你在代码中写下这一行时： import { foo } from './b.js'; Webpack 的处理流程大致如下：解析阶段（Parsing）：扫描代码，提取所有 import 语句；模块定位（Resolving）：根据路径或模块名找...

在现代前端架构中，SSR已经成为常见方案之一。它能显著提升首屏渲染速度、优化 SEO，并改善用户体验等等。然而，很多团队在 SSR 实践过程中，上线后最容易遇到的问题就是页面白屏。本文将从 SSR 渲染流程出发，系统梳理白屏问题的成因与排查思路，帮助你在项目中快速定位并解决问题。一、SSR 渲染流程回顾想要排查白屏问题，必须先理解 SSR 的基本流程。以 Next.js / Nuxt.js 为例，一个典型的 SSR 渲染流程如下：服务端阶段客户端阶段（Hydration）白屏往往发生在 以上两个阶段的任意一步 出现问题时。二、常见白屏类型与根因分析1. 服务端渲染失败（Server Rende...

其实这个可以当计算机基础（八股）考 也可以当写题（发布订阅）也可以结合项目聊（显得有思考）其实熟悉设计模式应该对你阅读一些常见库的源码有帮助本文将系统性介绍前端开发中常用的设计模式，结合实际应用场景，帮助你掌握从抽象思想到实战落地的能力。一、单例模式（Singleton Pattern）模式概述保证一个类仅有一个实例，并提供一个全局访问点。典型场景Vuex/Redux 的 store 实例全局弹窗（Message、Modal）组件配置管理（如全局主题、国际化配置）示例 const GlobalConfig = (function () { let instance; function crea...

一、准备原则：围绕项目，深挖思路在前端面试中，项目经验往往是切入技术能力、架构理解和解决问题能力的重要入口。因此，项目准备不只是“做过什么”，更重要的是能完整、清晰、逻辑性强地表达出来自己在项目中的角色与技术决策，即便项目是模拟的、未完全实现也无妨，关键在于你是否能讲清楚每个功能点的实现方式与原理。二、准备内容结构1. 功能拆解：你做了什么、每一块怎么做的逐个功能点梳理：示例： 我们做了一个权限控制模块，前端用路由守卫和按钮级别权限控制实现。使用 Vue Router 的 beforeEach 守卫，在用户登录后加载权限列表，动态生成可访问路由。同时通过指令封装 <permission-...

不同人在执行力上面的差距还是很大的 有些同学我感觉真的是很用功了 即使学历不好也能靠自己的努力或者说是对前端的兴趣卷进大厂 网上总是有很多自己没见过就大肆开喷说各种不可能 就我觉得像这种类型的估计也是有点应激大方向是对的前提下 其实学习时长这块就是一个很重要的占比 很多92的同学跟我说 代码能力很弱 怎么办 这个其实是应试教育的问题 靠大学课程 不靠自学不可能凭空获得代码和项目上的工程能力的 所以可以很明确的说 只要不太懒 然后bg够用 其实都可以放心学 前端不会有啥太难的东西 特别实际工作中90%都是特别简单的活 也就是面试要造造火箭罢了其实辅导的有几位真正top学历的同学的思维确实比较灵活 客观上结合bg和应试准备和沟通能力就能很轻松的进到一线大厂从211本or硕到中末9这一层的同学 基本上是需要尽量早准备早规划 提前一年开始准备可能就是白菜跟ssp收割机的差别一本和学院本能进大厂的 其实双非一本进前端大厂实习的数量应该还是比较多的 校招的话需要强相关的大厂实习和优秀的沟通能力已经扎实的前端基础和深入且有广度的前端技术（丰富的项目实习经历）or 一个不错的运气我辅导的同学里面学院本去大厂实习的还是有好几个 但是校招目前好像还没有 但是我的一些朋友确实有进的 抽样调查无一不是那种多段大厂实习 然后应该是拥有对技术的热爱 或者是特别想通过进大厂去证明自己 or 对💰特别有执念的 可能就是比较希望通过在互联网赚一笔能够给他们的家人过上更幸福的生活本人有点自愧不如 其实我是那种对代码和前端技术没兴趣 （只能说之前做acm梦的时候写题还是很有精神）然后自从去大厂实习过就祛魅了的那种 只想干两年躺平但不幸碰见抽象ld的摆烂人 但是其实也没有说家里非要我赚这个💰不行 我也没物欲 不想呆一线 也算是非典型互联网牛马标准人设了 我都很不想上班啊 每次说退休设想就会被那种实习都找不到的人喷 还是纯分享前端好了但是🐮子的这方面还是比🍠好 没那么多嘴臭的

一、为什么 React Hooks 是前端面试高频考点？React Hooks 自 React 16.8 引入以来，已成为主流开发方式。它用函数组件代替类组件的状态管理和生命周期逻辑，使代码更简洁、更易维护。在前端面试中，Hooks 相关问题往往被用来考察候选人对 React 工作原理的理解、代码结构设计能力及副作用处理能力。但是还是有面试官喜欢问那个生命周期，很烦，虽然确实历史代码也还有类组件。二、核心 Hooks 讲解与面试重点1. useState用途：为函数组件添加本地状态。常见面试点：多次调用 useState 是否有顺序要求？setState 是同步还是异步？如何正确更新前一状态值...

一、核心回答就是要有逻辑和条例&前因后果暂时无法在飞书文档外展示此内容加分点：在 Action 里补充具体技术：如 Vue/React、性能优化手段、组件封装思路、调试策略、团队协作方式等。二、一些场景题设问 + 回答参考1. 如果你遇到一个项目中功能没做好但时间紧张，怎么办？关键词：代码质量、交付优先级、团队沟通答法参考：在一次 Vue 项目开发中，我临近截止前发现用户表单校验逻辑有 bug。情况紧急，我第一时间评估影响范围，和产品沟通是否可以先交付主流程，校验通过热更新补丁快速修复上线。在保证不影响主功能的前提下，我们用了 1 小时解决并补上线，后面我还在复盘中加入了 checkl...

1. 用 Vue 或 React 写一个倒计时组件解题思路：倒计时本质上是一个定时器（setInterval 或 requestAnimationFrame），在组件挂载时启动，定时更新当前剩余时间，倒计时结束后清理定时器。Vue 示例（Composition API）<template> <div>{{ time }}</div></template><script setup lang="ts">import { ref, onMounted, onUnmounted } from 'vue'const dur...

核心本地 - 美团平台- 前端面经一、技术面问题开发效率与工程实践AI 提升开发效率的具体场景懒加载和条件渲染策略优化的背景是否使用过 React、对 React 和 Vue3 的看法与对比对 Node.js 的了解Webpack 使用经验为什么使用状态管理（解决什么问题）使用过 EventBus 吗？和 Pinia 的区别JavaScript 基础JS 数组方法手写题：数组扁平化（要求使用 reduce 方法）输出题：事件循环机制二、反问环节地图相关业务技术栈是否偏移动端（如 React Native）关注能力：基础、学习能力、沟通能力美团前端二面事件循环被问到事件循环的概念和执行机制，结合...

👋 欢迎你加入小圆的前端团队！作为一名前端新人，你即将开启一段充实而快速成长的旅程。为了帮助你更高效融入业务、提升技能、实现从“能写代码”到“能独立交付”的转变，我们整理了这份成长指南，希望成为你landing期间的指路灯。🎯 一、landing 核心目标在landing期间，我们围绕以下两大核心能力来制定成长方向：交付能力熟练掌握业务项目的架构与模块拆分，能独立完成中小型页面或功能开发。掌握团队通用的开发、联调、提测、上线流程，能无障碍协作。能对接至少 1 个完整需求，完成需求评审 → 技术方案 → 编码实现 → 自测 → 联调 → 提测上线。输出 2 篇以上关于页面开发、组件封装、技术...