阿里腾讯字节面经 吐血总结

top大厂已上岸,在结束了30+场面试之后
总结出来三大类题型,以PM为例,覆盖了几乎所有面试问题🤩
包括但不限于:
自我介绍
简历深挖
岗位认知
面前准备
面试策略
逻辑表达
其他推荐
...
用心制作了两集视频,可以更好帮助大家理解,欢迎查看交流~
#秋招##阿里巴巴##字节跳动#
全部评论
顶一顶
1 回复 分享
发布于 2021-10-07 11:15

相关推荐

字节前端DML实习二面面筋面试时长:60分钟一、实习经历与项目提问面试官首先针对我之前在公司的实习经历展开询问,详细了解了实习期间参与的工作内容、遇到的问题及解决方案。随后聚焦到项目中的乐观更新相关内容,深入探讨了其实现原理、应用场景以及在项目中解决的实际问题。由于对ZOD库的使用细节掌握不够扎实,面对相关提问时未能给出满意回答,这也成为本次面试的一个扣分点。二、算法与代码实现题1. 实现自定义Red Hook题目要求实现一个自定义hook,该hook接收一个函数和一个delay参数,从hook中解构出的函数能够每隔delay时间执行传入的函数。这道题主要考察对React Hook机制的理解以及定时器相关知识的运用。2. 字符串处理需要实现一个字符串处理逻辑:先移除字符串中所有的字符b,然后检查去除b后的字符串中是否存在连续的ac,若存在则将ac一并去掉。我采用栈的思路解决,遍历字符串时,遇到b直接跳过,遇到c时检查栈顶元素是否为a,若是则将a和c从栈中移除,最终栈中剩余元素组成处理后的字符串。3. 实现带过期时间的Local Storage原生的Local Storage没有过期时间设置功能,题目要求实现一个具有过期时间的版本。这需要在存储数据时额外记录过期时间,每次读取数据时检查是否过期,若过期则删除该数据,主要考察对浏览器存储机制的理解和扩展能力。三、八股文问题1. HTTP无状态实现有状态面试官询问了HTTP作为无状态协议,如何实现有状态的交互。我回答了基础的验证思想:用户通过账号密码向服务端发起请求,服务端在数据库中查询验证,若用户存在(查询结果数量大于1),则返回相关标识给客户端。客户端可将该标识存储在cookie、localStorage或sessionStorage中 ,三者区别如下:• localStorage存储容量相对cookie更大,数据会一直保存在客户端,除非手动删除;• sessionStorage仅在当前会话(浏览器窗口)存在期间有效,关闭窗口数据即被清空;• cookie通常随HTTP请求一起发送到服务端,但其存储容量较小,且安全性存在问题,存储敏感信息容易被截取。为解决cookie敏感信息暴露的问题,可采用Token替代。一种方式是客户端仅保存用户ID,服务端通过维护session table记录session ID与对应value(用户定制化信息),但这会消耗服务端资源。为减轻服务端压力,引入JWT(JSON Web Token),服务端为用户分配JWT,其中包含用户相关信息及权限标识,客户端请求时携带JWT,服务端通过解密算法获取客户端所需信息,从而实现安全高效的有状态交互。不过在回答过程中,由于太久没复习相关知识,表述不够清晰全面,回答质量欠佳。2. merge和rebase的区别由于平时在解决版本控制冲突时较少使用merge和rebase,面对该问题未能给出准确答案,暴露了在版本控制工具使用细节上的不足。四、其他提问面试最后,面试官询问了我平时喜欢阅读的书籍,可能是想从侧面了解我的学习习惯和知识涉猎范围。总体而言,本次面试涵盖项目经验、算法实现、基础知识以及个人兴趣等多个方面,通过这次面试,也清晰认识到自己在知识储备和技术细节掌握上存在的不足,希望能顺利通过面试,也为后续学习指明了改进方向。
查看9道真题和解析
点赞 评论 收藏
分享
一、面试基本情况本次面试主要围绕 React 相关技术、流式传输以及算法与 React Hook 实现展开,包含技术原理问答和两道代码实现题。二、技术问题回顾与解答1. React Router 的实现机制React Router 基于 HTML5 的 history API 实现单页面应用的路由功能。它通过监听浏览器的 popstate 事件(当用户点击浏览器的前进、后退按钮时触发)以及手动调用 history.pushState()、history.replaceState() 方法来更新 URL 地址,同时不触发页面刷新。在 React 组件中,通过 BrowserRouter(基于 history API)、HashRouter(基于 URL 的 hash 部分,兼容性更好)等组件包裹应用,结合 Route 组件定义不同路径对应的渲染组件。当 URL 变化时,React Router 会根据当前路径匹配相应的 Route 并重新渲染对应的组件,从而实现页面内容的更新 。不过在本次面试中,我对这块知识掌握不够扎实,未能完整清晰作答。2. React memo 是做了什么React.memo 是一个高阶组件,用于对函数式组件进行性能优化。它会对组件的 props 进行浅比较,如果前后两次传入的 props 浅比较结果相同,就直接复用之前渲染的结果,不再重新执行组件函数,从而避免不必要的重复渲染。但需要注意,它仅对 props 变化进行比较,当组件内部状态(如通过 useState 创建的状态)变化时,即使 props 未变,组件仍会重新渲染。3. React Suspense 怎么实现的React Suspense 用于处理组件的异步加载情况,让开发者可以指定在异步操作(如数据获取、动态导入组件)进行时显示的加载状态。它通过在组件树中标记一个“等待”区域,当子组件中有异步操作未完成时,会先渲染 Suspense 组件指定的 fallback 内容(如加载动画),直到异步操作完成,再渲染实际的子组件内容。内部实现依赖于 React 的 Fiber 架构,利用 Fiber 的可中断、可恢复特性,在等待异步操作完成期间释放 CPU 资源,不阻塞主线程,提高应用的响应性能 。4. 流式传输相关讨论在讨论流式传输时,我提出可以在前端利用 Server-Sent Events(SSE)实现。SSE 是一种单向的、由服务器向客户端推送数据的技术,适合用于实时数据传输场景。同时,对于 JSON 数据的处理,采用流式解析会更加高效,比如在处理阶乘等数据量较大且逐步生成的场景下,流式解析无需一次性将所有数据加载到内存中,而是边接收数据边解析处理,减少内存占用,提升数据处理效率。三、代码题实现1. 大数相减(考虑负数结果)function subtractLargeNumbers(num1, num2) {function compare(num1, num2) {if (num1.length > num2.length) return 1;if (num1.length < num2.length) return -1;for (let i = 0; i < num1.length; i++) {if (num1[i] > num2[i]) return 1;if (num1[i] < num2[i]) return -1;}return 0;}const sign = compare(num1.split(''), num2.split(''));let larger = sign >= 0? num1 : num2;let smaller = sign >= 0? num2 : num1;let result = '';let carry = 0;for (let i = 0; i < larger.length; i++) {let diff = parseInt(larger[larger.length - 1 - i]) - (parseInt(smaller[smaller.length - 1 - i]) || 0) - carry;if (diff < 0) {diff += 10;carry = 1;} else {carry = 0;}result = diff + result;}while (result[0] === '0' && result.length > 1) {result = result.slice(1);}return sign < 0? '-' + result : result;}2. 实现一个可暂停、继续的倒计时 React Hookimport { useState, useEffect } from'react';function useCountdown(initialTime) {const [time, setTime] = useState(initialTime);const [isRunning, setIsRunning] = useState(true);let intervalId;useEffect(() => {if (isRunning && time > 0) {intervalId = setInterval(() => {setTime(prevTime => prevTime - 1);}, 1000);} else {clearInterval(intervalId);}return () => clearInterval(intervalId);}, [isRunning, time]);const start = () => {setIsRunning(true);};const pause = () => {setIsRunning(false);};return {time,start,pause};
查看6道真题和解析
点赞 评论 收藏
分享
评论
3
19
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务