前端校招字节跳动面试 第一篇,含面试题+答案

int left = 0;

int right = nums.length - 1;

while (left < right) {

int mid = left + ((right - left) >> 1);

if (nums[mid] < nums[right]) {

right = mid;

} else if (nums[mid] > nums[right]) {

left = mid + 1;

} else {

right–;

}

}

int size = nums.length;

if (size % 2 == 1) {

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

} 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


自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等

资料获取方式:点击蓝色传送门免费获取

tp.com/2024/03/13/H4lCoPEF.jpg" />

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等

资料获取方式:点击蓝色传送门免费获取

[外链图片转存中…(img-qVW2mb75-1712314137372)]

  • 12
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值