『前端面试题纪实』2021年春招面经

最新推荐文章于 2025-04-07 09:40:36 发布

大熊软糖M

最新推荐文章于 2025-04-07 09:40:36 发布

阅读量1.5k

点赞数 1

分类专栏：前端面试资料文章标签：面试

本文链接：https://blog.youkuaiyun.com/GLZX_HM/article/details/115839015

版权

本文记录了作者2021年春季招聘期间的前端面试经历，包括百度、字节跳动、携程、网易、美团等公司的笔试和面试题目，涵盖面试准备、技术栈、问题解答等方面。文章揭示了面试过程中遇到的挑战，如百度的复杂算法题和字节跳动的深入技术考察，并提供了面试官的建议和反思。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

声明

写面经
我不知道面试完把面试题贴上来算不算侵权，有问题请随时联系我
我也不相信写面经能攒人品那一套，也从不转锦鲤
纯粹是希望如果有跟我类似境遇的人，这面经或许能帮助到你们吧
优快云最后一篇Blog
优快云给我的使用体验比较一般
大量的复制粘贴的“原创”文章千篇一律
大量的“面经”、“攻略”后面全是加群（或者“裙”）领资料
爬
写完这篇掘金见

个人背景

学历
某中游985，CS专业，GPA60%-70%，六级还没过400
录取时是历史系，高考文科，之后转专业转到CS
项目
一个毕业设计项目，大型数据库汇总计算器，Vue全家桶开发
一个小型课程设计项目，二手书商城，原生JS、AJAX+Node.JS
实习
2020.11.4 - 2021.4.12 上海DaoCloud Vue前端开发
技术栈
Vue全家桶
H5、CSS3、Scss
ES6、TS、Webpack等
春招投递岗位
Web前端
北京

准备手稿

见我的另一Blog：『前端面试资料』个人面试准备手稿 2021/4

2021年春招笔试题&面试题

百度（止于一面）

笔试（2021.3.25）

选择题
好像是20道选择，分多选和单选
印象深刻的，第一个单选题就哈夫曼编码，早就忘了，而且还没按要求准备草稿纸
多选题都是linux命令
大题

给定一个数字字符串序列，只有0-9
让你从第一位开始往后走，可以一次走一步，也可以一次走到后面一个和当前数字相同的位置，问最少需要多少步
PS：秒了
2n个数字，分成n组，每组2个
扔硬币，对于每组，都有概率p扔出正面，扔出正面就取两数较大值，否则去小值
给定这2n个数字和p，问如何将他们分配成n组，可以得到最大数学期望，并输出
PS：我人没了
虚拟DOM
给定一个DOM树，一个div，一个ul（包含两个li和文本），（两个li中也包含文本），和普通文本
将其转化为JSON结构，包含每个DOM的标签类型，属性，以及子DOM
格式大概如下，具体名字不太记得了
而且文本也要算一种类型
PS：因为允许用本地编辑器，所以我console.log一直在查DOM节点对象的属性，nodeType啊之类的，后来做对了也是0分，不知道，机器判的

{
   
	nodeType: 'div',
	nodeAttribute: {
   
		id: "div1",
	},
	children: [
		{
    /* 递归，格式和这个整体一样 */ },
	],
}

意外发现了自己保存了当时提交的代码，就写一下吧，虽然没卵用

<html>
  <head>
    <title>hello</title>
    <style type="text/css">
      body{
   
        margin: 0;
        font-size: 14px;
      }
    </style>
  </head>

  <body>
    <div id="jsContainer">
        <ul class="js-test" id="jsParent">
            <li data-index="0">1</li>
            <li data-index="1">2</li>
        </ul>
        <span style="font-weight: bold;">3</span>
        4
    </div>

    <script>
function getDom(dom) {
   
  if (dom.nodeType !== 1 || dom.nodeType !== 3) {
   
    return false;
  }
  const tag = dom.tagName?.toLowerCase() ?? 'text';
  if (tag === 'text') {
    // text就有可能是假元素
    const trimValue = dom.nodeValue?.trim(); // 正则 or trim算长度
    if (trimValue?.length > 0) {
   
      return {
   
        tag,
        content: trimValue,
      };