当前位置：首页 > news >正文

小米前端笔试和面试

news 2025/8/8 6:00:27

笔试手撕格式

赛码网
while(line = read_line()){line = line.split(' ');for(var i in line){data[i] = parseInt(line[i]);}
}

以下是针对小米前端岗位的笔试和面试的详细解析，结合最新考情和高频考点整理而成：
在这里插入图片描述

⚙️ 一、笔试解析（北森测评系统为主）

题型与内容
- 综合能力测评（占比70%）：
  - 言语理解：考察商业逻辑与用户思维（如：“小米汽车SU7产能不足是否影响市场份额”的削弱论证）。
  - 图形推理：旋转规律、叠加运算、空间重构（如九宫格缺失项选择）。
  - 资料分析：手机销量/生态链收入计算（例：Q1高端机型占比15%，求同比销量）。
- 性格测试：无标准答案，但需避免极端选项，技术岗突出严谨性。
编程与前端基础
- 算法题：高频考点包括滑动窗口（商品瀑布流）、拓扑排序（依赖加载）、二叉树层序遍历（需手写BFS）。
- 前端知识：
  - W3C标准（如<!DOCTYPE>的作用）。
  - HTTP/2新特性（多路复用、头部压缩对性能优化的作用）。
  - 缓存策略（强缓存与协商缓存的设置场景）。

🗣️ 二、面试全流程（3-5轮）

技术一面（基础深度）
- 框架原理：
  - React Hooks设计理念（解决类组件逻辑复用问题）。
  - Vue与React差异（数据绑定：双向vs单向；模板语法：JSX vs Template）。
- 手撕代码：
  - 实现Promise.all与sleep函数。
  - 大文件上传（分片、断点续传）。
技术二面（实战与架构）
- 性能优化：
  - 虚拟滚动优化（DOM节点回收算法）。
  - 前端监控体系（错误采样 + SourceMap反解）。
- 系统设计：
  - 小米商城SKU动态匹配（状态机+组合算法）。
  - CDN原理与部署流程（端口重定向、HTTPS证书作用）。
技术三面/主管面（技术深度+业务）
- 前沿技术：
  - WebAssembly性能优化边界。
  - 微前端落地（Module Federation实现细节）。
- 工程化：
  - Webpack优化（Tree Shaking、代码分割）。
HR面（软技能与价值观）
- 职业规划、抗压能力、小米文化认同（如“性价比人才”定义）。

🔍 三、技术深度考察重点

框架与原理
- React：Fiber中断恢复机制（requestIdleCallback）、Hooks闭包陷阱。
- Vue：响应式原理（Proxy+WeakMap）、路由模式（Hash vs History的刷新差异）。
浏览器与网络
- 事件循环（宏任务/微任务顺序）。
- 安全防护（XSS/SQL注入防御、CORS配置）。

算法高频题

// 二叉树层序遍历（BFS）
function levelOrder(root) {if (!root) return [];const queue = [root], result = [];while (queue.length) {const level = [];let levelSize = queue.length;for (let i = 0; i < levelSize; i++) {const node = queue.shift();level.push(node.val);if (node.left) queue.push(node.left);if (node.right) queue.push(node.right);}result.push(level);}return result;
}

其他重点：幂集生成（动态规划）、数组去重（空间复杂度优化）。

💼 四、项目经验考察要点

项目介绍框架（STAR法则）
- Situation：项目背景（如电商类、工具类）。
- Action：技术选型原因（如选Rem而非VW：兼容性更优）。
- Result：量化成果（如首屏加载提速50%）。
难点与解决方案
- 购物车动画卡顿 → 使用CSS硬件加速（transform: translateZ(0)）。
- 跨组件通信 → 事件总线 vs Vuex状态管理。

📚 五、高频考点总结

类别	核心问题
HTML/CSS	响应式布局（Flex/Grid）、语义化标签、盒模型差异
JavaScript	闭包/原型链、Event Loop、ES6+特性（Promise、箭头函数）
框架	React生命周期、Vue双向绑定原理、Hooks自定义规则
工程化	Webpack优化、SSR方案（Next.js）、CI/CD流程

📅 六、备考策略

技术巩固：
- 刷题平台：LeetCode（侧重滑动窗口/树）、前端八股（HTTP/浏览器原理）。
- 框架源码：精读React Fiber/Vue3响应式源码笔记。
项目包装：
- 准备1-2个复杂项目，突出性能优化/安全防护细节。
企业文化：
- 熟悉小米财报、雷军发布会金句（如“技术普惠”），面试中自然融入。

资料推荐：

算法：https://leetcode.cn/
系统设计：https://juejin.cn/post/7437816381721509907
面经汇总：https://www.nowcoder.com/

以上内容综合了2024-2025年小米前端面试的最新趋势，实际考察可能随业务调整。建议结合项目经验针对性准备，技术原理需深入理解而非死记硬背。

小米前端笔试和面试主要考察前端基础知识、框架应用、编程能力以及项目经验等方面，以下是详细介绍：

笔试

考察内容：
- CSS相关：常考查CSS选择器优先级及权重，需清楚内联样式、ID选择器、类选择器等不同类型选择器的权重值及覆盖规则。还可能要求实现清除浮动代码，要理解clearfix原理及相关属性如content、display、clear等的作用。
- 浏览器相关：会涉及浏览器渲染页面的过程，需了解从用户输入URL到页面显示，浏览器经历的解析URL、DNS解析、建立TCP连接、发送请求、接收响应、解析文档等步骤。还可能考查浏览器缓存相关知识，如前端缓存了哪些东西、后端缓存机制等。
- JavaScript基础：包括异步编程的方法，如回调函数、Promise、async/await等；同步/异步、阻塞/非阻塞、并行/并发等概念的区别；实现数值千分位等常见功能；以及原型和原型链等基础知识。
- 框架相关：可能会考察React或Vue框架的知识，如React非父子、兄弟组件传值方式，Vue的生命周期等。
- 算法与逻辑：可能出现算法题或逻辑题，如给定一个字符串，求其第n位是什么；或合并重叠的子数组等，考查编程逻辑和算法思维。
题型与时长：题型多为简答题、代码实现题等。笔试时长一般较短，例如可能是20分钟左右，需要快速作答。

面试

小米前端面试通常有三轮技术面和一轮HR面。以下是技术面和HR面的常见考察内容：

技术一面：
- 框架深入考查：会深入询问Vue或React框架相关知识，如Vue双向绑定原理、key的作用、父子组件通信、Vuex组成等；React展示组件和功能组件的区别、事件定义等。
- Webpack相关：考查Webpack的作用，开发环境和测试环境配置文件的区别，devtool选项及作用，devServer实现原理等。
- JavaScript深入：询问event loop过程，requestAnimationFrame的使用及属于微任务还是宏任务，promise相关知识如定义时传入函数的执行时机、promise.all的使用等。
- CSS相关：考查CSS布局，如flex布局原理及使用，时间模型（事件捕获、冒泡阶段）相关问题，阻止冒泡和默认事件的方法等。
技术二面：
- 移动端与响应式：询问PC端和移动端开发经验，实现响应式布局的手段，viewport相关知识等。
- 动画相关：考查CSS动画相关内容，如CSS动画和requestAnimationFrame的比较，用CSS实现平移动画时translate和left的区别。
- React相关：可能要求手写React组件，考查组件数据渲染、异步数据获取等功能实现，以及对React生命周期钩子的理解。
- ES6相关：考查ES6新特性，如let、var、const区别，块级作用域实现方式等，还可能涉及WeakMap等较偏的知识点。
- 手撕代码：如找出字符串中重复次数最多的字母，实现对象的深克隆等，考查代码编写能力。
技术三面：
- 综合编程能力：可能会有更复杂的布局题目，如实现两侧定宽、中间自适应，同时有特定元素显示顺序要求的布局，考查对CSS布局的综合运用和解决问题的能力。
- 知识广度：问题不再局限于前端，会涉及计算机相关的其他领域知识，也会结合简历上的经历提问，考查知识广度和项目经验。
HR面：主要考查求职者与公司文化的契合度、职业规划、薪资期望等。会询问对小米公司的看法，能否接受公司的工作时间和加班制度等，还会了解个人的职业发展规划，以及期望的薪资待遇等内容。