《小米前端面经》专题

## 小米一面 1、自我介绍 2、说一下实习里遇到的难题，怎么解决的 3、一个容器里面有个正方形，不管容器的长和宽怎么变化，正方形的边长始终是容器长的一半，怎么设置正方形的CSS属性 4、闭包的优缺点 5、防抖和节流应用场景 6、手写防抖 7、手写Promise红绿灯交替闪烁 8、原型链说一说 9、手写instanceof方法 10、Vue和React熟悉哪个 11、React类组件和函数式组件的

9月中旬投的，没发笔试，以为凉了，结果打电话约面 流程: 1.自我介绍 2.flex布局方法 3.深浅拷贝 4.原型链 5.promise all any  6.科里化函数+手写（本来了解就少，一手写只会背不会用） 7.常规八股（事件循环，bfc） 8.反问 挺基础，但是磕磕绊绊，估计凉了，没再约 还0offer呢，面试官还问有没有offer，实话实说了 #秋招##校招##小米##前端#

面试管好温柔，我好爱，但是我耳机坏了，结束了我自己录下来听才知道我耳机一直是有大量杂音的 1.盒模型 2.flex 3.prototype指向 4.宏任务，微任务输出题 5.作用域 6.遍历树，深度广度 7.渲染流程 8.问项目，直播是如何实现的，弹幕实现的websocket聊一下 还有记不得了，都是基础题，没有一个框架和深入的问题，体验很好，算是面过这么多家最舒服的，但是会不会是KPI就不知道了

0914 牛客网面试 45min左右 url从输入到页面渲染发生了什么； 前端存储方式； 前端安全，CSRF,XSS; 文本省略号显示? white-space 属性：指定元素内的空白怎样处理。 CSS3 text-overflow 属性 overflow属性 BFC布局； flex布局； 闭包（当前作用域存在对父级作用域的引用）； 事件循环（要讲清楚每一次tick发生了什么）； 原型和原型链；

自我介绍 做题 1 爬楼梯 2 斐波那契数列 3 三栏布局 提问 4 讲一下中间内容区域的列表有什么优化方法？ 5 项目有遇到什么问题，怎么解决的？ 6 为什么选择小米？ 反问：有什么需要提升的地方？部门是什么？多久知道结果？ 总结：面试官对于未来的发展给了很多建议，非常棒的面试体验。

小米春招前端二面 自我介绍 为什么选择武汉 flex布局 左中右布局，左右固定，中间自适应，你有几种方法 数组与链表的区别 JS中遍历数组的方法有那些 Vue的生命周期钩子 Vue2、Vue3的区别 v-if和v-show的区别 NextTick了解吗，解决了什么问题 map 和 forEach有什么区别 forEach 和 for循环有什么区别 实习介绍 实习重难点 介绍一下你了解的项目规范工具

面试官很好 上来就问我可以实习多长时间，每周可以实习几天 我说最少俩个月，他说三四个月行不行，我回答要跟导师商量。 面经 —— css 1、盒子模型，盒子模型的宽度，有没有其他盒子模型（IE怪异盒子模型） 2、css的选择器有哪些，优先级是什么样的，有没有什么可以打破这个优先级（面试官的意思其实是！important，但当时我没理解他意思） 3、有没有用过伪类（回答只用过：hover） —— js

1 自我介绍 2 前端是如何系统性地学习 3 实习经历。遇到相关不会解决的问题自己是如何解决的？ 4 JS数据类型，有什么区别？ 5 如何检测这些数据类型 6 数组遍历方式 7 为什么要引入箭头函数 8 对Promise的理解 9 Promise.all作用、实现、与Promise.race的区别 10 CSS布局单位 11屏幕适配方案  px是如何转成vw、vh的 12 Position定位属性

一面（67min） 1. 场景题 ✅ 2. 算法题 ✅ 3. 自定义 Hook 实现 demo❌ 4. TailwindCSS 实现 demo✅❌ 5. 反问 摆烂面居然给过了，我边写题边当混子，彩笔啊 demo 写不出来，一直在拖时间想结束战斗，嘴笨说了很多蠢话，放弃啊啥的自己小丑垃圾啊直接挂我啊，前辈说不能这样说自己，还当场给我过了，和我分析米子的业务和技术栈，SU7 那个疯传的动画网站是米粉

4.14投的简历 5.20打电话来约一面 5.24号一面，基本全是八股，没问项目，都是js和计算机的基础知识，可惜我全是临时背的，基本答上来了但可能不够全面。 三点多面完，四点多收到约二面的邮件 啊啊啊啊啊啊啊怎么学！怎么学！！ 自我介绍 为什么选择前端，对前端的理解 怎么学习的前端 Js数据类型 Es6新特性 let const var区别 作用域 变量在当前作用域找不到时会怎么做 闭包 垃圾回

面试官人很好, 但题目都非常规, 很考验基本功😥 1. 介绍一下你近一段时间的学习及项目经历，遇到哪些有意思的事情，有什么收获值得分享 2. 使用你在学校里专业的计算机语言( 不能用js) 来实现打印“*”号组成的100层金字塔形状 3. 采用原生js书写常用的DOM元素class属性值的增删操作：addClass, removeClass, toogleClass 4. 数组扁平化 5. 采用

面试官很好，全程都在夸我😭 面的题过于简单了，以至于怀疑是不是有什么猫腻🤔 唯一没答上来的是vue computed有没有缓存，后来想想包有的，不然不会这么问了

### 一面问题  1. qiankun使用过程中遇到什么问题  2. weex项目中遇到哪些问题（DOM 图表 canvas）  3. 标准盒模型  4. 状态码：301 302 304 强缓存  5. http2.0 http3.0  6. 浏览器渲染过程  7. 浏览器垃圾回收机制  8. 层叠上下文  9. SEO优化  10. 事件代理  11. CSS标准盒模型  12. 层叠样式  

小米比较看重做题，问题都很少，基本一直在写 1、常用的React hook使用场景以及和Class的区别 2、手写代码:自定义hooks 3、手写代码：typeof 的数据类型 4、手写代码：实现类型判断 5、==和===的区别 6、块级元素和内联元素 7、CSS实现上半圆，背景橙色 8、手写深克隆 9、js实现求余，对于小数部分循环的变成... 5.16一面到今天没有后续，发邮件问hr也没有回复

很早之前就投递了，应该是被捞的，发下面经供大家参考。 一面(10.25) 自我介绍 快手实习项目挑一个讲 字节实习开始拷打，讲了技术建设 移动端适配问了很多 工程化相关的，拆包、发包、离线化、、哈希策略、上线 框架相关，框架相比原生的好处，分析 和 ，，给我介绍一个除了 、 之外的框架 相关 相关，语法降级 手写题，实现 异步计算总和 二面(10.25) 自我介绍 快手实习 说下 响应式，手写 简