2024.03.01 字节跳动 商业化 一面

  • 自我介绍
  • 项目难点介绍
  • 像 websocket 这种服务器和本地长时间通信的,还有什么?
  • 如果让你实现一个短轮询的方法,你怎么处理这个方法?
  • 会有多少个状态?
  • 如何处理状态呢?
  • React Hook 和 Vue Compostion API 有什么区别,具体是解决什么问题的?
  • React Hook 为什么不能在条件语句中使用?
  • Hook 管理内部是用什么数据结构?
  • React 组件通信方式
  • Context 是如何实现的?
  • Vue2 和 Vue3 的区别
  • 为什么Object.defineProperty监听不到数组里面的变化?
  • Vue 选项式 API,为什么可以通过this访问到data里面的数据?
  • 读 Promise
async function a() {
  console.log("1");
  await b();
  console.log("2");
}

async function b() {
  new Promise((resolve, reject) => {
    console.log(3);
    resolve("4");
    console.log("5");
  })
    .then(value => {
      console.log(value);
      throw new Error("6");
    })
    .catch(r => {
      console.log(JSON.stringify(r));
    });
}

console.log("7");

a();

setTimeout(() => {
  console.log("8");
}, 0);

const p = new Promise((resolve, reject) => {
  console.log("9");
  resolve("10");
}).then(value => {
  console.log(value);
});

p.then(value => {
  console.log("p:then", value);
});

console.log("script end");
  • 作用域相关
var a = 1;
function b() {
  a = 10;
  return;
  function a() {};
}
b()
console.log(a); // 1
  • 列表转树结构:https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/139
  • 实现发布订阅:https://juejin.cn/post/6844903850105634824
  • bind 返回的函数可以改变 this 指向吗?
  • bind 函数返回的函数里面是什么
  • 微前端:简单讲一下微前端
  • Monorepo:
  • 讲一下 Monorepo
  • 为什么采用 pnpm + workspace,pnpm 有什么好处呢?
  • yarn 也有 workspace,为什么不使用 yarn 呢?
#字节跳动##面经##前端#
全部评论
过了嘛?
2 回复 分享
发布于 2024-03-09 22:04 上海

相关推荐

点赞 评论 收藏
分享
05-12 19:27
湖北大学 后端
【写在前面】不是凡尔赛!不是打广告!作为一个刚被社会毒打过的大三狗,今天必须把美团实习第一个月的魔幻经历扒干净——你以为的互联网大厂vs我亲历的快乐老家,有些真相真的只有工牌戴上那刻才会懂(狗头保命)🔥 震惊1:入职第3天,mentor说:“给你个需求!”    刚进组时战战兢兢,以为实习生=SQL Boy+CRUD工具人,结果mentor反手甩我一个组内架构文档,说:“先看看,下周咱们搞个小需求。” 我:???我CPU直接烧了!说好的实习生只做dirty work呢?说好的拧螺丝呢?    结果一周后——“这个需求你独立做,有问题随时问。” 好家伙,直接上手写业务逻辑,甚至让我参与Code Review!(虽然第一次被批“这考虑的还差点,继续加油”😭)💥 震惊2:美团=Java仔的快乐老家?    技术栈纯正:清一色Java,连中间件都是自家魔改版MDP,实习生也能摸到高性能框架!    文档多到离谱:从《美团分布式ID生成器》到《秒杀系统设计》,我怀疑mentor是想让我把整个美团技术博客背下来……💥震惊3:美团实习最香福利——餐补直接当钱花!    刚入职时,公司每天给30元餐补, 我以为是食堂专用,结果发现——    这玩意儿简直是美团生态通行证!!!!!        ✅ 外卖自由:下班前用美团APP点个杨国福麻辣烫,餐补直接抵扣,实付0元!        ✅ 到店白嫖:和同事组团吃眉州东坡,扫码点餐用企业支付,人均30根本花不完…        ✅ 小象超市狂喜:凌晨加班饿到灵魂出窍?24小时小象超市下单泡面+可乐,餐补居然还能买零食!【美团Java生存法则】✅ 文档就是圣经:美团学城文档真滴多,熟读背诵,mentor直呼内行!✅ 没活=自学信号:看源码、写Demo、复现线上Case……mentor可能正在暗中观察你的学习能力👀(偷偷说) 现在工位常备《深入了解JAVA虚拟机》,毕竟mentor名言:“Java写不好,外卖送得早!” 🚴♂️💨【写给犹豫实习的你】如果你也:觉得大厂高不可攀担心自己是菜鸡纠结是否要卷实习听我说:冲就完事了!来美团吧!下面是每天吃完饭散步的地方,环境无敌!点外卖我只用美团
有担当的灰太狼又在摸鱼:点外卖我只用美团
美团公司福利 2094人发布 投递美团等公司7个岗位
点赞 评论 收藏
分享
人生第一次面大厂,和节子挺有羁绊的,浅浅记录一下吧-----------------------------------------------------Timeline:一面        2025-05-07    15-16    当天17: 00 通过二面        2025-05-08    14-15    当天15: 40 通过三面        2025-05-12    15-16    当天20: 38 面挂[HR姐姐说一面二面面评不错,商业化CRM可以捞捞,换部门加一轮面试即可]四面        2025-05-13    17-18    当天21: 31 面挂------------------------------------------------------一面面经-5.7:1. 自我介绍2. 项目性质:你提到的两个项目是练手还是实际投入使用的呀?3. 问项目难点(1)说论坛的游客模式 => 问登陆&登陆态是怎么实现的登陆这块是怎么做的?登陆态是怎么维护的?用户刷新后仍然是登陆状态,怎么判断的?(判断token是否存在)token存在哪里(localstorage里面)token有时效吗?(三天半)你怎么判断它过期的(jwt)你怎么使用jwt解析的 localstorage里面有时效吗?(2)消息实时推送SSE(3)安全性优化(加入csrf)追问:你可以详细介绍一下CSRF吗?你对别的攻击方式了解吗(回答了XSS、提到有分为存储型XSS和反射型)追问存储型和反射型区别4. 自己提到项目收获和项目的开发流程5. 问怎么了解到的项目整体规范开发6. git开发工作流熟悉吗?回答说对于分支流转比较熟悉追问 git merge 和 git rebase的区别rebase使用有什么风险 如何规避风险:影响公共分支追问:怎么样影响的公共分支面试官解释:风险产生的本质原因是git rebase 时候要强推(并且必须强推)7. 对axios封装以及取消重复请求是怎么实现的?追问post请求的避免重复请求是怎么实现的,可以怎么优化8. 节流防抖使用场景9. 图片懒加载追问offsettop是元素距离谁的追问只判断offset整体位置可以吗面试官补充offsettop定位的元素不一定是滚动元素10. Vue2和Vue3的区别11. 问react项目经验12. react hook的原理介绍一下追问hook使用有什么限制吗13. useEffect和useLayout Effect区别14. 一道算法题: 比较版本号【一面面试官是个很温柔的姐姐,提问循循善诱,引导型,面试整体体验很舒适(不敢想要是面过了,姐姐是mentor该有多幸福)】------------------------------------------------------二面面经-5.8:1. 自我介绍 (改进了下自我介绍,明显感觉面试官很赞许【听自我介绍的面试官不多见,感动子】)2. 学校专业课学了哪些课程(自我介绍提到成绩专业第一, 回答数据结构、操作系统、计网、 电子技术基础等)3. 什么情况下促使你去学习前端的 4. 问数据结构问题:讲一下数组和链表的区别 (说数组像整齐排列的房子、链表像一串手串云云)5. 讲一下树的遍历和图的遍历 (答主有点学院派,问数据结构问到点上了,爽)6从浏览器发起一个请求,到请求返回中的过程中,整个请求到响应的路径很多情况下都有缓存。尽可能把缓存说清楚,有哪些缓存(说了强制缓存和协商缓存)追问除了浏览器层面的强制缓存和协商缓存还有哪些缓存,提示如DNS、服务器缓存(讲了DNS缓存, 自己补充讲URL输入到页面呈现的过程)追问其他的缓存7. 你们做系统的静态资源是托管在哪里的,是部署在服务器吗(补充讲项目开发流程, 这里抢问题了,应该看面试官眼色让他把缓存介绍一下)8. 做项目的初衷是什么9. post请求什么时候会出现 打印控制台,post请求出现两次的情况简单请求和复杂请求的区别options 请求遇到过吗10. axios底层?,支持node吗11. 讲一下AJAX12. 算法题:扁平数组转成树形结构问时间复杂度和空间复杂度13. 面试官小哥:我再来问你一些不相干的问题(以为可以开始扯闲话环节了,结果继续问问题)Vue中编写UI会使用 template 和 render,这两者有什么区别吗、有什么关系吗追问:不进行打包、编译可以直接使用template语法吗,render函数最终返回的是什么template最终会被编译成render,这个编译发生在什么时间?14. Vue-loader有什么作用(跟上一题有关系)15. 在webpack项目中自己随便写了一个a.abc文件,可以在js或ts文件中随便引入吗16. Vue中的nextTick,底层怎么实现的?17. 介绍一下浏览器中的微任务(自己扩展说微任务和宏任务的区别、使用场景)反问环节:1. 反问面试官求职时的心理状态、做了哪些准备2. 反问面试官有什么技术方面的书推荐3. AI风潮下,程序员的核心能力会发生转变吗?从业务能力向 AI使用 能力偏移【隔了一周多,编辑面经还在感慨,二面面试官小哥真的很nice,面试节奏特别对。要反馈有反馈、要引导有引导,表示不懂的时候还会重新解释问题,整场面试说说笑笑地进行下来了,轻松愉悦(以至于复盘的时候才发现有的问题还是有点小难的!)最后反问环节聊天也聊得很开心啊啊啊,要是二面小哥是组长就好了...可惜没有缘分。祝大家面大厂都遇到这样的面试官(接好运!)】------------------------------------------------------三面面经-5.12:1. 自我介绍2. js闭包内存泄漏原因, 降低内存泄漏风险的方法3. 自动设置垃圾回收4. weakmap5. node.js:common.js和ES module 追问Common.js的缓存机制6. script的async和defer的区别async会阻塞后续dom吗7. cookie存token和header存token有什么差别8. ES6装饰器9. decorator装饰器,普通函数不支持装饰器的原因, 高阶函数10. 回流重绘 怎么尽量降低影响(方法)11. TS枚举和定义普通对象区别12. 普通枚举和常量枚举13. type 和 interface的区别14. ts类型断言 两种方式的区别15. HTTP2.0中的服务器推送有哪些应用场景16. git相关的命令17. git pull 和 git fetch区别18. 本地分支做变更, 怎么办(回答stash暂存)19. 算法题1const [a,b] = {a:1, b:1} 能正常运行吗?为什么封装一个通用型的方法, 左右结构不动, 成功解构20. 算法题2大数相加21. 追问: 你有一个网站 包含了各种各样的静态资源, 你会怎么设置缓存策略-三面面试官应该是leader,经过我长长的自我介绍后,大手一挥说那我们开始吧!整场面试下来问题密度挺高的,苯人感觉自己答得也很不错,没有卡壳的地方。leader大人也会给一些反馈,面试整体比较顺畅~依旧是体验感不错的面试,但最后还是挂了。。。HR姐姐说面评反馈主要是算法题1思路有问题,应该是用迭代器+沟通不够简明有效得到结果后整个人都down了,非常难受哇非常......感觉像做了一场梦,二面通过的时候觉得自己很lucky,好像离字节很近了,但是结果三面出结果又离得远远的了仔细复盘了一下觉得确实还可以语言更精炼一些回答问题,整体面试还很有收获的。虽然没过,但是感恩~------------------------------------------------------四面面经-5.13:前半小时闲聊规划、学习前端原因、项目(有点不太记得了)后面四道手写题1. TS 泛型用法2. 写出数组的10个方法(写了十几个,面试官问了几个方法的用法)手写实现一个reduce3. this指向4. 给二叉树,输出二叉树每一层的最大节点- 算法题撕得不好,面得有点低气压。但是此 leader 挺活泼的哈哈哈,也会主动给出一些提示(重生之部门leader亲自教你写算法)。面试结束后就知道g了,瘫椅子上半小时没说话,才收拾收拾去吃饭了和面评反馈的一样,《可能太过紧张,心态会有点急促》。但是很感激面试官啊,哎哎哎这把确实没缘分我是不会放弃面试字节的(我节孝子一定会回来的)
点赞 评论 收藏
分享
评论
5
34
分享

创作者周榜

更多
牛客网
牛客企业服务