字节跳动飞书低代码日常实习(三面挂)

面试官一直在记录 | 楼主大二 | 2022.10.21

  • “就是““再然后”过多
  • 项目介绍不够详细()
  • 后台管理系统
  1. 使用 type.ts 标注了 RykerRequestInterceptor 「单纯把请求和响应的拦截器给封装了一下」| RykerRequestConfig「用来封装 interceptors 和 loading」
  2. 我们需要构造自己的一个类型
  3. 中间件 interceptors
  • 最后个人简介部分不够全面

一面面经 (55min)

  1. 介绍项目的 Axios TS 类型封装 ☑️
  2. 常见的 HTTP 的 method ☑️
  3. get和post有什么区别 ☑️
  • Get 请求记录
  1. options方法一般用在哪里? ❌ 不够全面

OPTIONS 是除了 GET 和 POST 之外的其中一种 HTTP 请求方法

OPTIONS 方法是用于请求获得由 Request-URI 标识的资源在 请求/响应 的通信过程中可以使用的功能选项。通过这个方法,客户端可以在采取具体资源之前,决定对该资源采取何种必要措施,或者了解服务器的性能。该请求方法不能缓存。

OPTIONS 请求方法的主要用途有两个

  • 获取服务器所支持的所有 HTTP 请求方法
  • 用来检查访问权限。例如:在进行 CORS 跨域资源共享时,对于复杂请求,就是使用 OPTIONS 方法发送嗅探请求,以判断是否有对指定资源的访问权限,
  1. HTTP 协议中常见的请求头和响应头 ❌ 基本没答出来

关于常用的http请求头以及响应头详解

  1. HTTP 请求头中可以传输二进制数据吗?

HTTP 1.1 可以传输二进制数据吗?

  1. 二进制数据放在 Body 中有哪些传输方法 ❌ 「相当于上传文件」

神三元

  1. HTTP 协议传输层的协议是啥 ☑️
  2. HTTP 用的是哪个协议 ☑️
  3. TCP 是如何实现可靠传输的 ❌

# 原来 TCP 为了保证可靠传输做了这么多

  1. HTTP状态码 ☑️
  2. 通过下标来访问数据元素来访问数组的时间复杂度是多少?通过下标来访问对象的时间复杂度时间复杂度? ☑️
  3. flex 中 flex: 0 1 auto 表示什么意思? ☑️
  4. 请问什么是跨域,跨域请求资源有哪几种方式?❌
  • CORS 具体传输啥 ❌ ajax method 以及其中携带了哪些信息

# 面试官问我CORS跨域,我直接一套操作斩杀!

  • nginx 是反向代理
  1. 最早项目使用 Vue3 后面的项目使用 Vue2 是为什么呢?
  2. Vue 的声明周期方法有哪些,一般在哪个声明周期里发送请求。☑️
  3. Vue框架中,组件是如何通信的。 ☑️
  4. 多层嵌套使用哪种方式。 ☑️
  5. 做题,反转子串 ☑️
let str = "www.ryker.com"
let ansStr = "com.ryker.www"
// 1. 使用 split() 然后调用 reverse
// 2. 不调用 reverse 咋办

  1. 实现一个 Promise.all ☑️
  2. 到岗时间
  3. 你做前端监控系统的初衷是什么?
  • 本来是投的业务部门,好像人数满了,然后就转推到了低代码部门,鸡架基础真的问的好多,自己还是太菜了,希望面试官大大给咱一个二面机会呜呜呜。

二面面经 (65min)

  1. 在你学习,或者项目中有没有觉得比较有挑战的点。
  1. 我们的项目怎么定位那个position
  2. sourcemap的原理有了解过嘛
  3. 错误的细节有规范嘛,比如我try|catch掉了
  • 这里是说可以定义一些规范来处理,写一些自定义的方式
  1. TS 中 pick 咋实现
  1. 小程序多端适配是咋做的
  2. 设计一个三秒的Promise,如果我超时了,直接丢弃咋做到?
  3. 如何避免xss/csrf?粗略不行,要极其细节该如何检索
  4. Vue 中 diff 原理
  5. router的实现原理
  6. 三数之和
  7. 实现一个函数,将请求分批发送出去
  • 二面全程被爆杀,面试官问的好深好深,我感觉我基本都没答出来,说的全是自己的想法,目测是凉了,等消息ing

三面 (50min)

  • 简单说一下你的项目浏览器崩溃时怎么处理
  • options「第一面没答好」
  • 写了一道 dfs 「20min」

问了两天 hr 一直没回,最后是找内推人才给咱答复了,内推人一催 hr 就发感谢信了(

三面感觉基本都答出来了,不知道面试官咋想的,给咱挂了,是觉得大二培养成本太高了吗?

#如何判断面试是否凉了##求职季如何保持心态不崩##你想对下半年说点什么#
全部评论
大二就找实习了 好厉害
2 回复 分享
发布于 2022-11-23 09:43 陕西
大二太猛了吧
1 回复 分享
发布于 2022-11-22 00:09 浙江
太强了吧,不过是前端的我有些看不懂
点赞 回复 分享
发布于 2022-12-01 14:26 广东
应该不是怕培养成本高,是面的人太多排序挂了吧
点赞 回复 分享
发布于 2022-11-22 09:29 辽宁

相关推荐

飞书前端一面面经:从基础到实战的技术碰撞一、面试初印象这次飞书前端一面给我的整体感受是节奏紧凑且直击技术核心。面试官风格沉稳,问题由浅入深,既考察基础能力,又注重解决实际问题的思维,是一次很有价值的技术交流。二、面试问题复盘1. CSS 基础考察面试官开场便询问我 CSS 基础掌握程度,我坦诚表示“不是很好”,随后进入具体问题:如何实现三列布局,要求两边宽度固定,中间宽度自适应。我首先提到可以用 JavaScript 监听窗口变化动态调整宽度,但面试官希望用纯 CSS 方案。我迅速想到 Flex 布局,并详细解释了实现思路:.container {  display: flex;}.left, .right {  width: 200px; /* 固定宽度 */}.center {  flex: 1; /* 自动分配剩余空间 */}接着,面试官追问 calc() 函数是否了解,由于平时使用较少,我仅简单说明了它能进行四则运算,用于动态计算 CSS 属性值,比如 width: calc(100% - 400px); 可以配合实现响应式布局。2. 项目与性能优化探讨当被问到 项目中的性能优化经验 时,我如实反馈:目前实习项目和个人项目经验较少,尚未深入接触性能优化模块。面试官没有追问,而是迅速切入算法题环节。3. 算法与代码实现题目1:封装 Promise 重试函数要求实现一个函数,传入请求的 Promise 和请求次数,请求失败时自动重试,达到次数上限后不再发起请求。我给出如下代码:function retryPromise(promise, times) {  let count = 0;  return new Promise((resolve, reject) => {    const run = () => {      promise        .then(resolve)        .catch((error) => {          if (count < times - 1) {            count++;            run();          } else {            reject(error);          }        });    };    run();  });}题目2:实现对象深拷贝我先写出基础版本:function deepClone(obj) {  if (typeof obj!== 'object' || obj === null) {    return obj;  }  let result = Array.isArray(obj)? [] : {};  for (let key in obj) {    if (obj.hasOwnProperty(key)) {      result[key] = deepClone(obj[key]);    }  }  return result;}面试官进一步要求 考虑边界情况,我补充说明:若对象属性为数组,需递归处理数组元素;若属性为函数、正则等特殊类型,需特殊处理。例如,对于函数可直接返回原函数,对于正则可创建新的正则实例。三、反问环节我向面试官提出疑问:“为什么在前端面试中如此看重 CSS 基础?”面试官耐心解答:“CSS 是前端页面布局和视觉交互的基石,良好的 CSS 能力能确保页面高效渲染和兼容性,是支撑复杂业务开发的基础,所以我们会重点考察。”四、面试结果与总结幸运的是,面试结果显示 已通过一面。回顾过程,坦诚承认自身不足并积极思考问题,以及在算法题中清晰的逻辑表达是关键。后续准备二面时,我将重点补足 CSS 知识盲区,积累项目实战经验,尤其关注性能优化相关技术,同时加强对 JavaScript 细节和边界场景的理解。这次面试也让我深刻认识到,扎实的基础和灵活的思维永远是技术面试的核心竞争力。
查看5道真题和解析
点赞 评论 收藏
分享
评论
13
56
分享

创作者周榜

更多
牛客网
牛客企业服务