字节4.8前端三面

自我介绍
有挑战的项目(听了之后觉得没什么好聊的就跳过了)
vite的原理
vite有什么特点
如果要实现一个axios库你会怎么实现
vuex的mutation为什么不能处理异步任务
手撕最大并行异步任务(我感觉写出来可能要很久,就说说思路)

/* 
标题
并发请求限制

题目描述
【背景】​
一般浏览器会限制并发请求数,微信小程序之前也限制过最多请求不超过10个。​
现在,让我们来实现一下这个功能。​
【问题描述】​
实现这样一个函数scheduler,函数入参为并发最大次数。​
如下最终输出顺序: 2、3、 1、 4​
一开始,1、2两个任务进入队列​
500ms时,2完成,输出2,任务3进队​
800ms时,3完成,输出3,任务4进队​
1000ms时,1完成,输出1​
1200ms时,4完成,输出4​
*/
// -----------------mock一些请求​
const request1 = () =>​
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  });

const request2 = () =>​
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(2);
    }, 500);
  });
const request3 = () =>​
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(3);
    }, 300);
  });
const request4 = () =>​
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(4);
    }, 400);
  });
// -----------------最多并发2个请求​
function scheduler(max) {
  // ------你的代码​
}​

const addRequest = scheduler(2);
addRequest(request1).then(res => {
  console.log(res);
});
addRequest(request2).then(res => {
  console.log(res);
});
addRequest(request3).then(res => {
  console.log(res);
});
addRequest(request4).then(res => {
  console.log(res);
}); 

自己的写法和参考牛友绿豆沙的做法(async/await写法),写了以下解答:

function scheduler(max) {
  // 最大并行数为 10
  max = max > 10 ? 10 : max;

  // 用 async/await 语法实现不定数量异步任务串行执行
  let count = 0;
  const queue = [];
  async function _addReq(reqf) {
    count >= max
      ? await new Promise((resolve, reject) => {
          queue.push(resolve);
        })
      : "";

    count++;
    const result = await reqf();
    count--;
    if (queue.length) {
      queue.shift()();
    }

    return result;
  }

  return _addReq;

  // 构造 promise 链实现不定数量异步任务串行执行
  // const path = [];
  // const queue = [];
  // function _addReq(reqf) {
  //   return new Promise((resolve, reject) => {
  //     if (path.length < max) {
  //       path.push(
  //         reqf().then((res) => {
  //           resolve(res);
  //         })
  //       );
  //     } else {
  //       queue.push(reqf);
  //       for (let i = 0; i < path.length; i++) {
  //         path[i] = path[i].then(() => {
  //           if (queue.length) {
  //             const rf = queue.shift();
  //             return rf().then((res) => {
  //               resolve(res);
  //             });
  //           }
  //           return;
  //         });
  //       }
  //     }
  //   });
  // }

  // return _addReq;
}

手撕股票买卖问题,是leetcode121和122,先让你通过一次买卖找出最大利润,再让你通过不限买卖次数找出最大利润(没写出来)

最后事件差不多了,面试官直接跟我说很遗憾我没能写出最后两道题(淦呐,直接告诉我我不过是吧)

最后反问问了一下面试官对低代码这个东西的看法,然后就下线了

心累,倒在了算法题上

#字节跳动##春招##面经##前端#
全部评论
最大并行任务的代码里面,  queue.push(resolve);  这句什么意思。干了两大碗米饭都没想通
点赞 回复 分享
发布于 2022-05-16 15:51
楼主这道并发控制后期有思路吗qeq想了好久没做出来
点赞 回复 分享
发布于 2022-05-08 12:34
手撕最大并行异步任务,是类似用promise实现一个 并发控制器吗? 同时最多只有limit个任务在执行这种
点赞 回复 分享
发布于 2022-04-21 15:41
同面电商业务,异步任务调度器没写出来,三面挂😂
点赞 回复 分享
发布于 2022-04-15 16:22
股票买卖问题是什么难度级别的。该不会是hard吧😂
点赞 回复 分享
发布于 2022-04-10 15:30
过了吗
点赞 回复 分享
发布于 2022-04-10 14:51
老哥投的哪个部门
点赞 回复 分享
发布于 2022-04-09 01:22
老哥base哪里的。什么部门啊
点赞 回复 分享
发布于 2022-04-08 20:55

相关推荐

字节暑期实习&nbsp;一面面经1.&nbsp;自我介绍2.介绍实习做的东西,聊项目3.通用组件开发规范,组件的封装,函数的处理,props的设置...4.前端页面一些性能问题有没有办法做到前置的拦截(项目中聊到了排除和解决了两处内存泄漏的问题)5.面试官问我项目中还有没有她没问到的亮点(这让我怎么回答啊哈哈哈,面试官也笑了)6.CSS选择器优先级/权重顺序7.分析内部div的颜色,具体就是父子盒子,都带了ID和类选择器,判断内部的盒子是哪个颜色(权重相同,最后出现的样式生效)8.事件循环的概念9.微任务宏任务有哪些10.然后出了一道代码输出题,判断输出顺序11.数组有用过哪些方法12.filter是干嘛的,手撕filter方法13.在使用git的多人开发下,如何保证和其他人的代码不冲突,可以用什么指令(git&nbsp;rebase)14.实现模板字符串的输出15.反问总结:&nbsp;一面面试官是个姐姐,人非常好,遇到有卡顿的地方会稍微给一些提示,没答对的地方会给反馈,让下去再看看,能知道哪些地方需要加强,面试体验非常棒二面凉经1.自我介绍2.介绍实习做的东西3.组件化是为了解决怎么样的问题,为什么我们要抽象出组件,在一个页面中写不好吗4.介绍自己项目的登录模块,具体的实现流程,返回的token能否携带用户信息?这个token存在了哪里5.http-only是干嘛用的6.常见的登录方案7.闭包的概念&nbsp;-&gt;&nbsp;为什么要有闭包?它常驻在内存中不是会导致内存泄漏吗,这是为什么&nbsp;-&gt;&nbsp;闭包在开发中实际的应用场景(节流,防抖)&nbsp;-&gt;&nbsp;实现节流8.事件循环的概念&nbsp;-&gt;&nbsp;然后出了一道代码输出题,判断输出顺序&nbsp;-&gt;&nbsp;哪些是微任务哪些是宏任务&nbsp;-&gt;&nbsp;微任务和宏任务的优先级9.双向数据绑定的原理&nbsp;-&gt;&nbsp;defineProperty和proxy的区别,为什么vue3要用proxy&nbsp;-&gt;&nbsp;proxy不需要递归遍历吗?10.defineProperty后续如果要添加对象,但因为一开始没观察到,但如果业务上确实需要新增一些属性,我们还想渲染视图的话应该怎么操作?(初始时设定,vue.set,数组的话可以用splice)11.虚拟dom12.用户输入url到页面渲染中间经历了哪些步骤?用了什么协议&nbsp;响应回的HTML文件中,CSS和JS从哪弄13.dns和域名解析是一个东西吗14.实现事件订阅发布者模式(不会....)总结:&nbsp;面试体验一般,面试官面试过程总叹气(也不知道答对还是答错哈哈),搞的我也有点烦,也不会给反馈(虽然是正常的)。不过面试下来也是发现了自己很多的不足,继续学习
查看24道真题和解析
点赞 评论 收藏
分享
评论
8
30
分享

创作者周榜

更多
牛客网
牛客企业服务