字节飞书前端面试面经

最新推荐文章于 2025-06-04 11:32:02 发布

原创最新推荐文章于 2025-06-04 11:32:02 发布 · 4.8k 阅读

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

这篇博客分享了字节飞书前端面试的一面前的经历，包括手写代码题（如最大子序和、深拷贝、防抖函数实现）和概念题（如浏览器缓存、HTTP缓存、KO框架、前端优化、微信小程序）。面试中还涉及了Promise、宏任务与微任务等知识点。面试者认识到在面试中 coding 能力的重要性。

字节飞书前端面试面经

一面面经

一面面经

面试官很友善，虽然中途网络不好断了几次，但是也没有烦躁哈哈，遇到不会的也会给我提示，总之体验极佳，因为全凭回忆，问题内容和项目经历关系比较大，仅做参考。

手写代码题

1. 最大子序和：

给定一个整数数组 nums ，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。

简单题，考察动态规划，求出以每个元素结尾的子序列和，参考：leetcode原题

2. js手写一个深拷贝函数

需要考虑循环引用的问题，可惜我Map用的不熟练，get和set操作写错了哈哈，代码如下：

function clone(target, map = new Map()) {
    if (typeof target === 'object') {
        let cloneTarget = Array.isArray(target) ? [] : {};
        if (map.get(target)) {
            return map.get(target);
        }
        map.set(target, cloneTarget);
        for (const key in target) {
        	if (target.hasOwnProperty(target[key]) )
            cloneTarget[key] = clone(target[key], map);
        }
        return cloneTarget;
    } else {
        return target;
    }
};

发散问题：for in 语句是否会出现什么问题？如何解决？

for in 会把原型链上的属性也遍历上，需要判断是否是本身的属性，使用 hasOwnProperty 方法，然后我回答的是for…in 循环进行遍历的是所有可枚举的属性（对象自身和原型链上的）
可以参考一下：for in和for of的区别

3. 防抖函数的实现

什么是防抖和节流？请实现一个防抖函数

防抖：在事件被触发n秒后执行回调，如果在这n秒内又被触发，则重新计时，例子：按钮多次提交，只执行最后一次
节流：在规定时间内，只能触发一次函数，单位时间内触发多次函数，只有一次生效，例子：拖拽场景
区别：防抖是延迟执行，节流是间隔执行，函数节流即每隔一段时间就执行一次
参考文章

最初版本如下，被指出了几点问题：

fn是一个有参数的函数，如何传值？需要使用apply给fn绑定上参数；
如果使用fn.apply(this, argument)替换setTimeout里面fn有什么问题？apply绑定后会立即执行，因此还需要用function包一层；
apply和bind的区别是什么？一个是立即执行，一个是返回函数；
在fn.apply(this, argument)外面再裹一层function可以嘛？
替换成箭头函数，和普通函数有什么区别？

// 初版
function debounce(fn, delay) {
  // 维护一个 timer，用来记录当前执行函数状态
  let timer = null;
  return function() {
    // 清理掉正在执行的函数，并重新执行
    clearTimeout(timer);
    timer = setTimeout(fn, delay);
  }
}

// 最终修改
function debounce(fn, delay) {
  // 维护一个 timer，用来记录当前执行函数状态
  let timer = null;
  return function() {
    // 清理掉正在执行的函数，并重新执行
    clearTimeout(timer);
    timer = setTimeout(()=>{fn.apply(this,arguments)}, delay);
  }
}