微软前端面经

喜提一面游，答得稀烂，估计面评要被毁半年了。连css定位都答错了，我也是够离谱的。我看邮件说不能透露面试内容，这次就不记录了。。

面试官没开摄像头，不过感觉认真看了我的简历，还去看了看我的项目和博客 1、做个自我介绍 2、react useeffect是做什么的，如果第二个参数是一个空数组会发生什么，如果不填呢 3、react的虚拟dom是什么，有什么用 4、react组件通讯方式 5、浏览器的事件循环机制 6、margin重叠 7、介绍以下项目的遇到的难点，如何解决的 20多分钟结束了，接下来让我反问 1、有什么学习的建议吗 2、ai时代下如何提升个人竞争力 3、实习生的工作内容是什么 面试官人挺和善的

2025.3.28更新：已OC，跟HR电话聊完后就发offer了~时间线：3.20一面——3.24二面——3.27进offer环节——3.28OC&offer项目 12min1. 自我介绍和项目介绍2. 读研后才学的前端，有没有成体系化地看过什么书或者文档？在哪些平台上看的？3. git的使用：  1. 项目管理中，用什么管理代码的？  2. 有没有试过多人同时改一块代码，如何处理？  3. 开发的时候，仓库中分支的管理的流程是怎么样的？比如开发分支，最后上线是合回master上线，还是单独分支上线，有没有测试分支等，会有哪些分支，如何进行管理的。4. 项目中富文本编辑器的选用是什么，在使用时遇到过什么困难吗？（基本没有，甲方需求都能满足，面试官还去看了一下这个编辑器项目的star）5. 除了PC端的项目，移动端的项目做过吗（没有）6. 有了解过移动端适配吗（没怎么了解，扯了下响应式框架产生后适配变得方便，如果单纯用CSS的媒体查询会较麻烦，等等）7. 你的PC端项目的页面是固定宽度还是自适应宽度？（说了一下布局）场景题 6min主要是CSS相关，侧重移动端开发，其实不是很会：1. 在企业级的项目中，一般使用rem来做高度，rem基于根字体，所以要设置一个合理的根字体大小，一般根字体设置得都比较大，这样应用时比如除以10就可以使用，比较方便计算。假如有一个很老的项目，它的根子体设置地不合理，导致换算规则需要去除以77或333这类除不尽的数字。这个时候业务中需要新增一个业务组件，你会怎么去简化业务组件，解决书写比较麻烦的事情？根子体的大小不能改变，因为一改变会影响其他的部分。2. 有没有用过SCSS或者SASS里一些比较高阶的函数？其中的minix函数其实可以解决问题1中的问题，但仍然还是不优雅，新加入的成员也比较难上手逻辑。（最终面试官给出解决方法：使用webpack之类的打包工具可以直接处理）3. 页面中，浏览器有一个最小的字体大小，如果太小就不会渲染生效。在移动端中常常遇到需要0.5px的边框，在实际渲染的时候也会按1px来渲染，如何强制显示0.5px的边框？比如，使用CSS33中的一些属性。手撕 15min1. JS宏任务微任务，事件循环的一道题。promise和setTimeout各种嵌套，要求说出打印顺序。2. 数字逆序（如1234逆序后就是4321）。不可以使用直接反转相关的操作如转换成string直接反向，限定用%和/取模取余的方式，配合递归实现。3. reduce()实现数组求和闲聊 5min能从什么时候开始实习到几月？在上海是否有租房经验？公司周围的房子很贵，知道租哪里的房子便宜点吗期末考期间可以请假回去考吗（可以，一两周两三周可以的，看个人需求）实习期间项目是否涉及移动端？（主要是PC端和手机端H5活动页，是一个旅行类APP的创新业务，但详细信息保密）结果面试最后面试官直接跟我说过了，等HR那边的通知。面试官真的人非常nice，两面的都挺nice的。感觉二面的八股和手撕压力小一些，但也更涉及实际场景。

2025/4/10 面试官开摄像头了，面试的过程是目前遇到最规范的了，面了一个多小时。 1、数据结构中栈和队列的区别 2、讲一下http的报文结构 3、浏览器缓存的机制 4、构造函数，原型链 5、h5的一些新特性 6、es6的新特性 7、讲一讲promise和他的一些常用方法 8、flex，如何用这个实现水平垂直居中，如何改变主轴方向 9、手撕，计算字符串中出现最多的字符和出现的下标位置 10、会vue吗 11、那你说说react是如何保证单向数据流的 12、git的常见命令 13、git merge 和 rebase 区别 14、git add,commit,push分别是把代码提交到哪 目...