2025年2024年前端校招字节跳动面试 第一篇(1),binder机制原理面试

2024年前端校招字节跳动面试 第一篇(1),binder机制原理面试react 和 vue 的比较 相同 1 vitual dom 2 组件化 3 props 单一数据流 不同点 1 react 是 jsx 和模板 jsx 可以进行更多的 js 逻辑和操作 2 状态管理 react 3

大家好,我是讯享网,很高兴认识大家。
react和vue的比较

相同
1)vitual dom
2)组件化
3)props,单一数据流

不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)

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


讯享网


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

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:

position:sticky是css定位新增属性;可以说是相对定位relative和固定定位fixed的结合;它主要用在对scroll事件的监听上;简单来说,在滑动过程中,某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top:100px);position:sticky这时的效果相当于fixed定位,固定到适

7.promise的实现,一个有prosmise 有两个then 有一个settimeout 以及普通console.log的打印顺序


我曾经写过一篇,请过目一步一步实现自己的Promise

8.会如何实现提案中的flat函数(参数为几就拆解几层数组)


详细请阅读8. 数组扁平化

// reduce + 递归

function flat(arr, num = 1) {

return num > 0

? arr.reduce(

(pre, cur) =>

pre.concat(Array.isArray(cur) ? flat(cur, num - 1) : cur),

[]

)

: arr.slice();

}

const arr = [1, 2, 3, 4, [1, 2, 3, [1, 2, 3, [1, 2, 3]]], 5, “string”, { name: “弹铁蛋同学” }]

flat(arr, Infinity);

最后

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

给大家分享一些关于HTML的面试题。


y);

最后

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

给大家分享一些关于HTML的面试题。

小讯
上一篇 2025-01-24 22:42
下一篇 2025-02-16 11:54

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/22780.html