字节跳动八进八出，offer到手，发现项目不重要算法才最重要

先进行说明一下，本人刚刚大三结束，去年十二月的时候是投递了字节的视频架构的实习，共三轮技术面+一轮hr面，成功拿到offer实习了五个月。

今年秋招提前批是投了抖音架构，共三轮技术面+一轮hr面，已经成功拿到offer。 由于去年实习面经没有发，所以跟着本次提前批面经一共八轮面试一起发了。 面经更多的记录我当时面试的思考和一些相关问题回答的切入点，可能会跟其他面经直接给答案有所不同，其实掌握了切入点再进行扩展就是一份好的回答了~

实习一面（50min）

面试我的的是一个二十出头的小哥哥，第一次面试我还是比较紧张的，还好小哥哥待人和蔼可亲，针对不会的问题并没有刁难我，反而给我不少提示（给点个赞） 首先是自我介绍，问了下我学习前端的途径和方法啥的，算是暖了个开场吧，然后是具体的问题。

1. ES6新特性说一下？ 我首先说的是let、const，学长就直接让我详细说一下这两个。let、const有三个方面可说：

• 1.1 let、const声明的变量只在其所在的块代码内有效，隐式截取了作用域，有了块级作用域的概念。
• 1.2 暂时性死区，变量声明提升但在不会被赋值为undefined，不能在声明之前使用。
• 1.3 不允许重复声明。 然后给了两个例子说一下：

2. ES6之前的模块引入方式和区别
ES6之前模块引入主要是CommonJS和AMD两种。 然后学长让说明一下CommonJs和ES6模块引入的区别：

• 2.1. 首先，CommonJS导出值是浅拷贝，一旦输出某个值，模块内部的变化就影响不到这个值。而ES6导出是采用实时绑定的方式，是将其内存地址导出，导入是动态加载 模块取值，并且变量总是绑定其所在的模块，不能重新赋值。
• 2.2. ES6模块化导入是异步导入，CommonJS导入是同步导入。这跟ES6模块通常用于web端，而CommonJS用于服务器端有关。
• 2.3. CommonJS导入支持动态导入require(${path}/xx.js)，ES6模块化导入不支持，目前已有草案。
• 2.4. ES6模块化会编译成require/exports来执行的。

3. 一道数组遍历 实现[1,2,3] => [2,4,6]，这个太简单了：

4. 字符串算法题

5. CSS9宫格 问题：创建出CSS9宫格，3*3宫格，每个宫格的长宽未知，要求达到自适应并且精确分配。 学长特意说要精确分配，所以用1/3肯定是不行的，于是使用flex布局：

6. 说下React虚拟DOM 虚拟DOM是用JS模拟的DOM结构，将DOM变化的对比放在JS来做。可以从虚拟DOM的两个优势点来说：

• 6.1 函数式的UI编程，即UI取决于数据。
• 6.2 打开了跨平台的大门。提供了统一的JS层对象，根据不同平台