文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

2020最新:字节跳动前端面试题分享(已拿offer)(含解题思路)

2023-06-03 09:54

关注

转眼又到一年毕业季,论文答辩完成后,有不少同学想必已经开启了找工作模式。受疫情影响,今年的你可能就业压力有点大。数据显示,2020年应届毕业生将创新高,达到874万!面对如此众多的竞争对手,你准备好了吗?

2020最新:字节跳动前端面试题分享(已拿offer)(含解题思路)

俗话说,知己知彼,方能百战百胜。只有做足面试前的功课,才能让你更胜一筹!今天要为大家分享的是《字节跳动2020前端面试题(社招)》。其中包含:1、2、3面以及终面,该同学目前已拿到offer。下面会给到大家一些参考思路。

字节跳动一面

在字节跳动的一面,主要是和面试官互相交流技术。

项目难点【描述】

如何设计权限系统,如何维护和定义、表的数据结构是怎样的【举例】【描述】

我们的项目是rbac1类型的权限系统。展示是树形结构,但权限是扁平化的,只需要勾选权限,可以达到灵活修改权限

中间人劫持,怎么防止。x-frame-option?白屏的喔,怎么办?也不一定嵌入iframe啊,可以嵌入脚本、图片,怎么阻止【描述】

x-frame-option、重定向、https,请求前加密(https、加密代理)、请求中规避(请求拆包)、请求后弥补(前端做一些逻辑)。嵌入非iframe的,如果已经突破了前面两关,走前端逻辑:触发DOMNodeInserted、DOMContentLoaded、DOMAttrModified事件。或者是给能src的标签加上自己的data-xx属性标记区分。

class组件和function组件对比。写过安卓吗,那对class组件有什么看法【描述】

各自特点对比罗列一下。我也不知道有什么很好的,问题都放在这里,说明对方倾向于class组件的,所以一定不能说太多class组件不好,吹捧hook

hook缺点,hook代码难维护怎么解决【描述】

这种开放性和经验积累的题目真的是最难的,平时大家知道标准答案的题目和这种对比起来,没得比的。这个需要团队的积累,我们这边暂时没什么很大问题,所以感受不到。最基本的,eslint一定要开启,不然会莫名其妙的dep导致更新。其次是根据情况来说一下,function的场景。经验之谈,这里可以讲一篇文章。

redux为什么每次reducer要返回一个新对象,面对大量节点如何优化【描述】

新的props导致更新。大量节点使用immutable

immuatable和shouldupdate配合、immuatable数据一些对比问题【描述】

这是黄金搭配的方案了,用过的人应该能理解到。几个看代码判断 === 是否是true的问答题,原则:只要一个节点变了,那么从他开始回溯的父节点全都是变的

http缓存、离线包原理、移动端首屏幕加载速度优化、webview冷启动、预热【描述】

很基础的了,送分题

一个很牛逼很多功能的class组件,里面有业务生命周期(获取数据前后、弹出窗口前后...),怎么在函数组件里面直接复用它【举例】

先注入到函数组件的props,再到useeffect关键节点里面执行业务生命周期

给定一个整数数组 a,其中1 ≤ a[i] ≤ n (n为数组长度), 其中有些元素出现两次而其他元素出现一次。【编程】

找到所有出现两次的元素。你可以不用到任何额外空间并在O(n)时间复杂度内解决这个问题吗?(限时5分钟)

输入:

[4,3,2,7,8,2,3,1]

输出:

[2,3]

这种题,其实看见不用空间、o(n)时间,通常潜台词就是,用原地哈希来做。做过这题的肯定是秒杀,没做过的慌得一逼,我当时就是没做过的。遍历的时候把数字放到index下(比如数字4放在数组的第4个位置),如果发现后面的数的n,arr[n]已经满足了arr[n] === n那就结果算一个。lc标准答案:和我交换位置不一样,lc的是让那个数变成负数,如果后面发现arr[n]是负数那就算一个,比我的交换index简单很多。

2020最新:字节跳动前端面试题分享(已拿offer)(含解题思路)

字节跳动二面

通过一面之后,接下来是二面。面试过程中收获还算很大的,了解到了一些很强的技术和全球化相关的技术。途中暴露了一些计算机基础不行的缺点了,面试官也给了我一些提示才答出来。因为我非科班出身,所以计算机基础方面就明显不行了,他也建议我回去补一下。

cdn原理【描述】

答案很容易搜到

为什么多域名部署【描述】

http1和浏览器的问题,同一时间6个连接

单元测试、e2e测试【描述】

概念性,容易搜到

event loop【描述】

送分题

项目介绍一下【描述】

客户端mock怎么支持【描述】【举例】

客户端 => 协议转换服务 => 中转服务 => mock服务(接入mockjs)

怎么mock真数据,我需要真的id怎么办,除了写死【描述】

反向抓包,无需自己填充数据。或者全链路监控里面捞出一个id

什么情况用ts、什么时候不用【描述】

公共组件、库一定要,不重要的业务代码、节奏快的业务代码不用

单元测试和ts结合【描述】【举例】

有ts的话,输入参数很容易可以知道有没有问题

全球远程调度机器实现自动化测试【描述】

请求 => 分发 => 海外机器 => 调起当地机器 => 自动化脚本(如puppeteer) => 跑ui流程 => 上报结果 => 系统展示

cjs实现esm【伪代码】

参考webpack把esmodule的import转成wepack_require的样子

字节跳动三面

3面的感觉就是对方气场挺强的,问问题也很老练。

项目介绍。权限系统业界内怎么设计,常见的几种【描述】

rbac0~3、前端简单判断、后端按需返回

工作量体现到什么地方,现在工作量大吗【描述】

重构、树结构组件、各平台数据适配、技术轮子的推广

最困难的环节【举例】

一个能光速开发内部系统的公共组件设计、推广自己做的平台给公司其他团队用

优点缺点、未来规划

怕被人挑战吗,怎么应对

2020最新:字节跳动前端面试题分享(已拿offer)(含解题思路)

四面加面

经过前面对了解,你知道我们这边做什么了吗,描述一下【描述】

我们的技术栈差不多,如果你来上班,如何快速过渡和上手适应【描述】

内部系统 => todev系统,针对人群不一样,技术栈类似,容易解决。

对b和c端业务对理解【描述】

简单来说,b端ui要求低、架构复杂;c端ui要求高、架构简单。详细的点,引申出去还有很多很多。

tob业务架构设计、技术选型【举例】

先出结构图、流程图,再给出表结构设计,确定了方案,组件、模块划分。技术选型一般就是三大框架+配套的标准ui了,如vue与ele-ui,react与antd,加上状态管理、路由等。如果复杂的混杂多项目多系统,使用微前端,spa或者iframe两种取其一,如果没有历史包袱可选spa、如果有历史包袱使用iframe嵌入,但需要和其他前端进行对协议(前端和前端联调????)这里可以讲20分钟

项目开发流程、生命周期【举例】

自动化测试设计思路【描述】

用例、断言、输出结果

最后建议如果说希望去字节跳动的,建议放最后,他们流程过快。其他公司都很慢,你等不了其他公司的offer来argue了。其次,面多几家你底气和经验会更充足,状态更好,那个时候再过来和字节刚一波。

2020最新:字节跳动前端面试题分享(已拿offer)(含解题思路)

想要高薪掌握一门技术,这是最便捷的一条通道!千锋12大学科紧跟IT发展脉搏,名师大咖指点迷津让你少走弯路,更有企业内推大厂名额,关注千锋教育知乎账号即可领取千锋教育所有的视频学习教程,包括HTML5大前端、JavaEE+分布式开发、Python全栈+人工智能、全链路UI/UE设计、云计算、全栈软件测试、大数据+人工智能、智能物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言开发等学科学习资料和免费试听网课选择。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯