字节前端面经

最新推荐文章于 2025-05-29 23:52:19 发布

原创最新推荐文章于 2025-05-29 23:52:19 发布 · 420 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #node.js #vue.js

一面：

IPV4 和 IPV6 区别
IPV4的形式，IPV6的形式
Http2.0与Http1.0的区别
把 1px 缩放为 0.5px
让元素在页面不显示的方法
开启BFC的方法，BFC的特性
输入URL之后发生了什么
前端攻击 XSS
跨域
this指向问题
js为什么是单线程的，为什么这么设计
各种类型转换， [] == 0 [] == {} [] == (![]) 的结果
进程间通信方法
进程和线程区别
cdn是什么，为什么能加速
margin塌陷
http请求之OPTIONS
异步事件循环机制
data 为什么被设计成函数而不是对象
v-if v-show
vue 双向数据绑定
算法题：

function repeat (func, times, wait) {}，
// 使下面调用代码能正常工作
const repeatFunc = repeat(console.log, 4, 3000);
repeatFunc(“hellworld”);//会输出4次 helloworld, 每次间隔3秒

实现一个merge函数，功能是将两个有序数组，将它们合并成一个有序数组，如：

let arr1 = [1, 2] let arr2 = [-1, 2, 8, 9] merge(arr1,arr2) // 返回 [-1, 1, 2, 2, 8, 9]

爬楼梯问题：爬楼梯时，每一步会有两个选择：爬一个台阶和爬两个台阶，问：楼梯总台阶数为n，则一共有多少种爬法，写一个函数f，使得：总的爬法= f(n)。举例：n=3时，则共有：（1,1,1)、(1,2) 、(2,1)三种爬法，则f(3)=3。

二面：

算法题：多叉树广度优先遍历查找

要求：
1. 自定义多叉树节点node结构（只需要定义节点结构即可，无需构建树）
2. 按照广度优先查找符合要求的节点（没有符合要求的节点返回null），比如查找电话号码为 phone的用户信息，调用如下：
```
let node = wideTraversal(node,(e)=>e.phone===phone)
```

下面代码输出的结果是什么？

var length = 10;
function fn() {
 return this.length+1;
}
var obj = {
 length: 5,
 test1: function() {
  return fn();
 }
};
obj.test2=fn;
//下面代码输出是什么
console.log(obj.test1())
console.log(fn()===obj.test2())

假设有n个人，标号为1-n。从第一个人开始计数，到第k个人则出列，随后从第k+1个人重新计数，到第k再出列。直至剩下最后一个人。问最后剩下的人的编号？

讲清思路即可
老虎吃羊问题

在岛上有100只老虎和1只羊，老虎可以吃草，但他们更愿意吃羊。

假设：

A：每次只有一只老虎可以吃样，而且一旦他吃了羊，他自己就变成羊。

B：所有的老虎都是聪明而且完全理性的，他们的第一要务是生存。

问最后这只羊会不会被吃？如果是n只老虎和一只羊呢？
输入电话号码时自动推荐出下一位合法的数字集

公司有10万名员工，每名员工都有一个座机号码。现在要在网页上实现一个“自动补位推荐” 的功能，问如何实现？

解释：

“自动补位推荐” 功能：有一个输入框，用户每输入一个数字，立马推荐出下一位合法的数字集合。比如只有 5789234、5623786、5633678三个电话号码，当第一位输入5时，立马推荐下一位有效数字集合[ 7, 6 ]，如果第二位输入6时，下一位有效数字集合为[2，3]…
vue 组件间通信
vue router实现原理，两种模式以及其实现原理
vue 双向数据绑定原理（较详细）
watch 和 computed的底层实现原理
position 的属性有哪些？还问了 sticky