前端校招字节跳动面试 第一篇

} else {

return (double) (nums[(left + size / 2) % size] + nums[(left + (size - 1) / 2) % size]) / 2;

}

}

public static void main(String[] args) {

int[] arr = {6, 7, 8, 1, 2, 3, 4, 5};

System.out.println(minNumberInRotateArray(arr));

}

}

3. es6的语法特性，如何给一个不懂的人讲symbol，应用场景有哪些？

---

• 应用场景1：使用Symbol来作为对象属性名(key)

• 应用场景2：使用Symbol来替代常量

• 应用场景3：使用Symbol定义类的私有属性/方法

详细的请看10 .理解和使用ES6中的Symbol

4.箭头函数和普通的函数有什么不同，如何判断一个函数是普通函数还是箭头函数？this的指向问题

---

箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异：

1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。

2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。

4、不可以使用 new 命令，因为：

没有自己的 this，无法调用 call，apply。

没有 prototype 属性 ，而 new 命令在执行时需要将构造函数的 prototype 赋值给新的对象的 __proto__

new 过程大致是这样的：

function newFunc(father, …rest) {

var result = {};

result.proto = father.prototype;

var result2 = father.apply(result, rest);

if (

(typeof result2 === ‘object’ || typeof result2 === ‘function’) &&

result2 !== null

) {

return result2;

}

return result;

}

5.圣杯布局，有几种办法，不用float的方式有那种？（顺便给我补充了flex的一些其他知识点）

---

参考字节跳动：圣杯布局，有几种办法

6.positon中relative fixed absolute区别

---

static

默认值，没有定位，元素出现在正常的流中，即忽略 top, bottom, left, right 或者 z-index 声明

absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

特征：脱离正常流

fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

特征：脱离正常流

relative

生成相对定位的元素，相对于其正常位置进行定位。

因此，“left: 20” 会向元素的 left 位置添加 20 像素。

特征：不会脱离正常流

absolute与fixed

absolute与relative

另外提下sticky:

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】