《小米前端面经》专题

#微盟##前端一面# 1.项目中遇到的困难 2.浏览器异步有哪些机制 3.fetch和ajax有什么区别 4.项目中遇到权限列表之类的场景的时候，如果展开数据特别多，怎么处理 5.用到过哪些es6新特性 6.map，forEach有什么区别 7.输入一个网址，然后到网页呈现中途需要经历什么。 8.发布订阅模式和观察者模式的区别。除此之外还了解哪些设计模式，常用的有哪些。 9.怎样判断复杂数据类型。

浏览器从输入url发生了什么？ 浏览器收到后端返回的html文件是什么格式（感觉他想说二进制流） 浏览器怎样把二进制文件转换成html文件的？ 将文本保存到流中，然后放到a标签中，调用js点击 如何创建一个没有原型的对象 如何实现函数B继承函数A 继承不同的方法有什么区别 介绍一下事件循环机制 浏览器为什么要分成宏任务队列和微任务队列 什么是同源策略 解决跨域的方案 iframe是通过什么原理解决

1、自我介绍 2、最近的项目 3、为什么想做前端 4、原型链 5、this 6、深浅拷贝 7、手写深拷贝遍历多层次对象 8、react hooks用过什么 useEffect什么用 2023.2.13 30分钟 面试前要调好摄像头 以为电话面结果手忙脚乱 项目要理清楚 逻辑通顺有重点 多敲代码

时间：2.28 部门：数据平台 base：杭州 项目：技术栈前后端都是自己写的么？技术选型怎么选的？组内多少人？项目中的难点？ CSS：不定宽高的水平垂直居中 CSS：如何实现不同角度的扇形 可以先实现两个半圆，然后通过半圆的旋转覆盖实现 JS：事件循环：概念以及输出题 JS：闭包：概念以及输出题 注意作用域链是根据书写位置进行确定的，this指向则与调用时如何调用有关 计网：HTTP使用时的缓存

时间：3.3 部门：数据平台 base：杭州 挑战最大的项目？ 了解过多少种懒加载？ 了解过流媒体吗？ 防抖处理怎么做的 直播、流媒体的防抖？ 简历中的路由跳转时的骨架屏效果是什么意思？ SSR？ 不同设备的兼容性处理？ 实习做了什么，是什么业务？ 实习和青训营哪个收获更大？ CSS盒模型？ 富文本编辑器怎么设计，从面向对象的思想出发怎么抽象？ 快排的实现过程，最理想情况的复杂度和最差情况的复杂度

总体：还算顺利，被面试官夸都挺不错的，就是面试官麦有点炸老听不清楚……这些问题都被问烂了基本上。 1.vue2vue3区别（我提到了diff算法，就让我详细解释了vue2diff过程，拓展问为什么要设计成先比较头尾指针） 2.性能优化的办法（各个方面） 3.vite比webpack快的原因 4.闭包可能导致的问题 5.如何检测内存泄漏（这个不会，说是可以打开文档之后过一段时间看浏览器的内存有没有爆

被问到了好多不太会的，写个面经记录一哈，不知道能不能过，至少算是查漏补缺了。 1、vue的自定义指令 （不知道） 自定义v-bind/v-if类似的指令操作。组件内directives或Vue.directive全局绑定，定义bind、inserted、update方法，传入的参数是element和binding，对绑定的dom节点做相关操作。 2、事件队列 promise中写setTimeout

自我介绍 20分钟在线笔试（38道） 问了笔试题的一个问题，js有哪些方法不会改变原数组？（, , , , ）（目测是因为这道题完全选反了，面试官才问的，好久没看了有点忘记） CSS的position有哪些取值？讲讲 什么时候用canvas，什么时候用svg？ js有哪些数据类型？ 给一个变量，如何判断是否是普通对象？key-val那种（我猜是直接用instanceof） 讲讲防抖和节流的区别 E

没录音，凭记录写了 8.30 给用户的展示组件需要考虑哪些东西？组件的使用率？面试官：你的方法可以，但是你考虑的更多是在开发者的角度，没有站在用户的角度，建议去了解一下换肤功能 ts和js，ts有什么优点、缺点？现在很多公司都在用ts了，你觉得为什么 你觉得实习给你带来了什么？收获？ 。。。。。其他的应该比较平常，我忘了 this指针的题： 主要问第三个，我说对了但是理由解释的不好，对于我堆这块的

没录音，凭记忆写一下 8.31 介绍项目 聊项目中的点 项目中有很多数据的展示，数据很大时候format怎么做？ 简历上写参与项目的设计与开发，设计？面试官理解的是有针对现有的问题进行优化，提出设计方案并实施（emmm好像没有 commonjs和es6的模块化 数据的实时展示怎么做？答：polling或者websocket，我说项目中用的polling，他说为什么不用websocket(好问题 首

面试感受：面试官很和善，整体面试体验非常好，只是小弟不才，菜是原罪 面试时间：09.06 14:30 面试范围：主要是问项目和Vue，我精心准备的八股文和手撕题，全部没用上... 面试问题 自我介绍 这里我介绍自己以后想往全栈发展，面试官疑惑脸，你做前端的为啥要往全栈发展啊。应该他们公司可能做跨端的比较多，我就不该画蛇添足说自己要做全栈... 对 Node.js 的了解，接触过 Node.js 吗

1. 前端技术栈，react版本 2. 写一个函数判断数据类型 3. 对象解构（嵌套的忘记写：了，他说不对） 4. this指向什么为什么（答的很烂） 5. react18更新的地方 6. 副作用是什么，什么不是副作用 7. useEffect参数 8. 类组件用吗？为什么要提到（我在背书被发现了呜呜呜 9. 组件什么时候更新 10. 如何定义props改变了 11. 父组件更新，子组件更新吗，为

1.自我介绍 2.项目介绍 3.实习经历 4.竞赛经历 5.跨域以及跨域的解决办法 6.那些标签可以跨域加载资源，怎么加载 7.哪些方法能对上述标签里面的内容进行修改 8.doucument.write相关问题 9.前端用户登录流程 10.token怎么保存，保存在哪里（答localstorage、vuex） 11.vuex刷新了还保存吗？怎么解决不保存的问题 12.localstorage如果被

面试感受：面试官循循善诱，会引导人真的很好 面试时间：09.14 14:00 面试范围：项目、八股、聊天 自我介绍 介绍你熟悉的一个项目，项目做了什么工作，项目的难点亮点 深挖项目里的一个侧边栏菜单，如果菜单嵌套层级很多影响效率，你怎么办。没想出来 你简历上写了了解浏览器原理，说下浏览器输入 URL 到渲染出来的过程。说得太详细被打断了 说下HTTP 缓存：强制缓存和协商缓存 看得出来你对浏览器缓

整体流程45分钟左右，面试官先讲解一些流程，会问一些前端相关知识，然后结合项目和实习去深挖，良好的面试体验+1 1.说一下你对flex布局的理解，以及一些常用的属性 2.space-between和space-around两者都区别 3.回流和重绘 4.回流一定会引起重绘吗 5.哪些操作会引起重绘但是不会引起回流 6.在js中0.1+0.2 ===0.3吗？为什么？怎么解决？ 7.vue里面组件通