前端面经

是的，没错，我还没似。😃一面大概50分钟左右😘0. 问实习期间遇到的困难1. CSS选择器、优先级、属性选择器2. display:flex后会发生什么3. JS怎么写异步代码4. JS事件循环、宏任务、微任务5. js常用数组方法，哪些改变了原数组6. 看代码：promise异步代码那种7. 手撕promise.all，先问我怎么一起发十个请求，答曰promiseall，那手写一下吧，原来是这样丝滑转场的。8. React和Vue的区别9. 虚拟dom和真实dom的区别和优势10. useState为什么返回数组11. 组件通信12. 父组件如何调用子组件方法(forwardRef)13. ref的作用，和useState的区别，ref是否实时更新14. React hooks为什么不能写在判断语句中15. 优化React代码(useMemo、useCallback)，缓存这些值有什么作用16. React组件怎么插到原生dom里(ReactDom.render、ReactDom.createPortal)17. ts，谈对ts的理解，与js的区别，type和interface的区别18. get和post的区别19. http状态码20. tcp为什么三次握手聊家常：怎么学习前端的、后端技术栈，node、看什么书反问：流程：三面技术+一面hr，部门：杭州有道mooc。合着杭州有道就这一个研发部门😅。总结：八股盛宴🤗3.31，收到消息了，一面已挂。还在的兄弟们加油吧。准备收拾收拾上班去了

这次专门在一周截止时间前一天面的，超过了邮件48h，链接还能用这次需要手机扫码锁机，有几条血泪教训：① 一知半解没学好的领域，在最初的选择学习过的范围里不要选，因为真的会问，对我这种略懂皮毛的，八股真答不上来，换题也不会② 不要出其他动静，在被八股拷打脚趾抠地时，我下意识边抠手边回答，就是两个手指指甲盖相互磨那种很细微的声音，都被捕获并进行了异常声音识别提示，所以面试老老实实不要出其他动静。③ 记得关浏览器倍速，刚打开ai面试官以2.5倍速说完，什么都没反应过来的我：啊？题目如下：岗位热情度：为什么选前端，怎么学习各种学过的知识选择（确定后续提问方向）八股，每道题可换题，30s思考，5分钟作答：DNS解析过程，DNS prefetch作用？HTTP状态码301 302主要区别，应用场景和对搜索引擎优化的影响？什么是交换机和路由器？工作原理？解释css中自定义属性和预处理器变量，如css或less中的变量的区别，并讨论它们各自的优缺点。请解释CSS中的transform属性的作用，并列举至少3种操作类型。什么是单向数据流，它主要解决什么问题？说说这种开发方式的优点和缺点。什么是vue的全局状态管理为什么需要全局状态管理？有哪些常用的状态管理库？解释虚拟滚动virtual scrolling的实现原理及其性能优化方向。请列举至少3种调整JavaScript执行顺序来避免阻塞页面渲染的方式。项目：描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。在这个项目中，你是如何确保前后端之间的数据传输安全性和完整性的？你是否使用了任何特定的安全措施或协议来保护数据？在处理用户认证和授权方面，你们采取了哪些措施来确保只有授权用户才能访问和操作这些数据呢？场景题：你正在开发一个活动页面，需要提供H5和小程序版本，请描述主要的实现方案以及方案间的差别。怎么封装和复用通用代码。你提到了x种实现方案，包括....，在选择这x种方案时，你会如何评估和决定哪种方案更适合当前的项目需求和团队资源？具体来说，你会考虑哪些因素来做出这个决策？综合素质：描述一次你在学校或实习中遇到一个新问题，并不能依赖已有知识解决。你是如何找到相关资源并学习解决方案的？在你使用这些方法解决问题的过程中，如何评估和验证你找到的解决方案的有效性和可靠性呢？自从投腾讯以来，面了两次ai，捞了三次一面，快碎了，打算面完下次把简历撤了，等沉淀一下再来面经有帮助的话麻烦送朵花~我想兑换牛客的周边

1. 10w条消息怎么渲染，除了虚拟列表之外呢，性能优化2. IM增加查看消息已读功能，10w个人的群组，只能同步已读状态，全部发请求的话性能开销太大，怎么优化3. 职业规划4. 为什么前端面试官超级好，我知道自己洗白了后，反问他怎么优化1  2问，他说可以批量处理，降级处理，实在不行什么都不选染了，只渲染消息这个最关键的元素，他还笑着说刚刚只是面试，实际情况不可能10w人。🙏🏻  

人生第二次面试  1.  vue2,3区别2. 说说你的职业规划（不知道）3. VUE2合VUE3的响应式原理的区别4. VUE组件传值区别5. 如果我前端打开页面直接卡死，就是直接死掉，怎么查看问题，怎么解决6. 我构建打包过程要20分钟，打包体积有几个G，怎么优化7. 前端怎么监控错误8. 说说闭包9. 说说防抖节流10. 说说你项目中的一个难点，如何实现的，解决过程面试官很好，问题很基础，面了25分钟左右，没有算法手撕我以为我要死了。明天二面。

流程：意愿度问答（视频）→不定性选择→单选选择→专项问答（视频）其中选择题是纯选用过/会什么技术之类，不涉及技术考察专项问答，每问限时五分钟，分为三部分，分别是八股、项目提问、素质考察问题，其中八股每道题有一次换题机会。总体而言面试比较放松，但是ai只会读题干，遇到回答不上来的问题不会有任何提示，ai面试官感觉纯读题+展示功能，没什么交互。题干在屏幕的左上方，ai人物在中间，如果没有直视摄像头会一直提示，虽然好像没什么影响，但是突然弹出来会影响思路，所以对摄像头在键盘的面试者很不友好，读个题目都会提示直视摄像头。问题难度感觉总体还行，但我准备不充分，很多还是没答上来，建议八股部分如果第一道题能回答尽量回答，选择换题可能换到更不了解的题OTZ以下为面经：1. 请说说你为什么想要应聘前端岗位，在这方面做了哪些准备。2. 选择题多选■ 学过的计算机相关的课程■ 使用过的语言■ 使用过的框架■ 进行过哪些前端样式开发（动画过渡、布局、预处理器、组件化……）■……单选■ 最擅长的语言（前端方面）■ 最擅长的语言（算法方面）■ 最擅长的框架■……3. 请描述浏览器提供常用的调试工具，举例说明其在开发中的应用。4. 请详细解释下TCP和UDP的区别，它们各自的使用场景是什么？5. 请解释响应式设计的基本原则，并讨论如何使用媒体查询来实现一个复杂的响应式布局。6. 请说明如何在vue中的创建和使用自定义指令。7. 请问什么是异步加载？请列举至少三种常用的异步加载技术。8. 请列举常用的CSS预处理器，并解释其解决的问题和带来好处。9. 描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。10. 在这个项目中，你提到前端需要处理复杂的数据关系并进行实时响应。请具体说明你是如何设计前端与后端的数据交互机制的，例如数据的传输格式接口设计的原则，以及如何确保实时性和性能的优化。11. 能否具体说明你是如何处理接口的版本管理和兼容性问题的？12. 开发一个即时通讯系统的前端页面时，你会如何设计消息的存储和同步机制？如何处理用户切换设备后的消息同步问题？13. 在用户选择同步消息时，你提到了会将数据库的内容进行同步到所有设备的信息中。这里涉及到数据一致性的问题，请问在同步过程中，如果出现网络延迟或部分设备未在线的情况，你会如何确保消息的最终一致性？14. 工作中需要面对全新领域的时候，你是怎么做的？能否举例说明？15. 描述一次你在没有明确指示的情况下，主动承担任务或解决问题的经历。面经有帮助的话麻烦送朵花~我想兑换牛客的周边   

3.27一面50分钟1. 实习提问2. 计算机网络：osi七层网络模型、http和https区别、https加密的过程、为什么后面不继续使用非对称加密？3. css两栏布局，不用flex4. codingman5. 不均匀的硬币，实现一个公平的游戏6. eventemitter发布订阅模式7. 反问😂一面就挂了，基本都答出来了，二面机会也不给嘛😢有没有友友懂得，是不是遇上kpi了😤

本人双非本，211计算机硕。22年毕业后来广州。大部分会根据简历上做的项目和你介绍的点去问，建议把自己简历上写的点弄清楚，好去介绍。1. 自我介绍；2. 如何解决浏览器适配、兼容性3. 如何解决js css html新功能的兼容性问题；工程化是如何搭建的；4. css的样式的权重具体是怎么计算的5. 比如一个p元素，没有给他定义样式，那它的样式是怎么来的？他们的优先级是什么？[浏览器默认样式、继承样式、全局样式/重置样式]6.  进程与线程的区别7. js事件轮询（宏任务微任务，优先级）和nodejs事件轮训、浏览器的事件循环机制，8. 打开一个浏览器，浏览器自身它是有多个进程还是只有一个线程9、浏览器有哪些进程10、新开一个tab页，是新开了一个进程还是线程11、nodejs，优点是高并发？为什么它是单线程的还能实现高并发；12. 跨域的解决办法；除了配置代理，nigix、cors，前端还有什么解决跨域的方法；13. 什么是正向代理反向代理；14. 小程序性能优化做哪些内容；多平台的兼容性和稳定性15. 数据量大的情况下，除了虚拟滚动，分页，还有什么其他方法16. 输入url到它整个渲染过程做了那些事，具体说一下浏览器解析的一个过程17. 谈到浏览器的解析过程，js为什么会阻塞18.箭头函数、普通函数的区别，比如我要调用它的一个属性和方法它是怎么找的？19.推广ts的应用，ts有什么功能；如，枚举，枚举的源码、k与v怎么实现的相互转换20. http1和http2   http和https21.抓包工具用过哪些，什么抓包原理22.怎么学习的、怎么学习新知识的；23. 加班强度怎么看24. webview 预加载25. 把一个h5改成vue，原生界面打开是非常快的，接近秒开，我们想要在vue去替代他游戏内的一些原生组件，怎么样能尽量去还原原生效果；如何保证js原生界面、动画的效果，尽量达到原生界面的效果26 怎么使web页面网络请求的时间尽可能的短27. webview可以预加载吗求求求

一、个人背景教育：本科双非+211硕工作：网易1年半B端+C端工作经验岗位：前端工程师结果：8月同时拿到了字节、百度、pdd的offer，最后入职字节，现字节某部门前端二、字节面试经过1️⃣技术一面自我介绍+项目经历+离职原因+职业规划会问一些基础的技术题，大部分都是leetcode中等难度的题项目部分会问你技术难点是什么，怎么解决的，有了怎样的产出离职原因和职业规划社招的人应该都知道怎么说，这里就不多赘述2️⃣技术二面自我介绍+项目经历先问算法题然后问你在项目里是怎么做一些提效工作的产生了什么样的收益，这时候会比较关注数据指标，可以把自己的结果量化一下3️⃣技术三面自我介绍+项目经历先问算法题这时候面试官对项目的考察会更细致关于项目里的难点，如果是提效的技术，要确定：做这个提效的技术产出和收益，以及有没有推广出去，团队成员的使用评价。4️⃣hr面主要是看你对于这份工作接受的意愿，心态上可以轻松一些三、总结面了这么多大厂，从我个人经验来说，要想增加拿offer的机率，有以下几个方面* 选岗上-选岗位相关度高的，仔细看岗位JD，不要为了进大厂而投，我投过腾讯、B站、米哈游，因为岗位不相关都没过，工作也是双向选择的过程，不能强求* 简历上-体现项目产出，按照难点-性能优化-量化指标的逻辑去写，没有产出的可以写写自己是怎么高效工作的* 面试上-leetcode算法题准备到中等难度，同时要多关注行业的新动态，比如AI方面的，对自己经手的项目熟悉* 心态上-多准备不要焦虑，与其一直刷经验贴，不如再去熟悉一下算法题          

2-17投，2-19打电话约面2-20一面50分钟1.自我介绍2.实习经历+自身情况，问了非常久，聊家常也蛮好的🥰3.css水平垂直居中4.自己实现的React hooks5.React跨组件通信6.防抖，手写（AI提示太快了😂）7.ts，我说没怎么用过就不问了反问：问业务，了解到大概有三面感觉良好，面试官也很和善，就喜欢这样轻松愉快的面试氛围2-27二面一小时1.实习经历介绍2.讲数据结构，数据结构的实现复杂度、应用场景；链表数组的本质区别；队列、循环链表的异同点；树、图的应用3.OSI七层模型，每层的常见设备4.进程、线程。跨进程通讯方式，这些方式哪个效率最高，哪个最安全5.vue、react、angular优缺点，谈看法6.小程序支付宝、原生、京东的跨端框架7.UDP、TCP原理、区别、应用场景8.力扣原题80😂408拷打说是，死去的回忆在攻击我3-5三面45分钟-1小时1.问AI大模型给行业带来的影响，有没有用一些AI工具...2.写题，n个打印机，m个请求，请求有起始、终止时间，问请求是否合法。比如两个打印机，请求分别是[2,6][1,5][3,4][7,8]。[2,6]合法，给一号打印机，[1,5]合法，给二号打印机，[3,4]不合法，[7,8]合法，给一号打印机。写完反问，面试官直接说过了😳（第一次遇到）

30min 项目+ 5min 反问1.MCP2.双模式鉴权3.增删改查是否都需要鉴权4.对比单模式的优势5.Vue Router6.hash模式和history模式的对比7.Vue Router的怎么完成页面的跳转8.骨架屏实现原理9.讲一下懒加载10.再次进入一个页面怎么显示11.还有哪些优化方案12.keep-alive反问1.什么时候出结果2.具体业务3.AI对前端的影响到这里他才说他是搞安卓开发的，投的是应用开发工程师，属于是大前端