字节秋招-广告商业化前端面经

8.3hr主动约面一面 8.28自我介绍1.讲实习2.长列表性能优化 （分页 无限滚动 虚拟列表 图片懒加载）3.虚拟列表实现方法（等高 非等高）4.虚拟列表在每次划入划出的时候图片资源会重新请求 怎么处理？5.刚刚提到了缓存 讲一下缓存机制6.Taro原理7.手撕 一个倒计时组件纠错（不同实现方案）8.手撕 两个升序数组合并秒过二面 9.4二面比较基础自我介绍1.TCP UDP区别2.浏览器输入URL到展示页面过程3.分析script标签阻塞咋办4.分析Css代码阻塞咋办5.刚刚讲到了raf ric原理分别是啥6.浏览器帧数怎么定义7.重排重绘定义 伪元素是重排还是重绘8.prefetch preload区别9.async defer的区别 script标签如果放在头部会有哪些风险10.讲一下你认识的React11.useeffect里放了数组或对象这类型是怎么比较的？12.图片懒加载怎么实现？13.讲一下你认识的fiber14.回到上面的css解析和dom解析 这两个是同时的嘛？15.讲一下webworker16.讲一下React流式传输17.怎么减小打包体积？18 502 504区别19.三道手撕1.一个升序数组给两种方法找出一个元素x的出现次数（直接遍历 二分）2.数组扁平化20.反问 说广告最重要的就是性能优化 所以会问这么多二面压力比较大 面试官的回应比较小而且问题大多都是开放题 语言组织当时紧张了有些没有系统回答上来，想到什么就说什么了 性能优化还是要复习一下9.8过9.10三面1.自我介绍 重点讲出你有什么优势 竞争力主播这里比较聪明讲了一下实习时候对一个通用业务的开发流程，具体到一些具体实习业务上2.还有什么平时学习时候的吗 我提到了React的useOptimistic钩子3.刚刚提到了React19，知道useActionState嘛4.讲一下实习亮点5.一到了防抖 直接开始手撕ts的useDebounce6.知道React流式传输吗7.反问 我问了一个团队的基本开发过程和分工管理 这里ld看来是被我问住了 想了一会也和我聊了好久当时面试提了React19和实习理解就感觉自己能过了 明显能看出ld有点微微笑容 反问交流时间也很长结束会议后5分钟就过了9.15hr面9.30oc给我的感觉是虽然没考工程化知识 但是对于这种基础的性能优化广告部门很看重 正好我运气好可能复习过蛮多的 二面的开放题准备不充分 然后三面的开放题也最好说一些与时俱进的内容 展示自己的思考

加上笔试题拷打了1个小时20分钟1、自我介绍2、智慧大屏数据同步渲染还是异步渲染？3、ai会话很多很长，如何保证加载不卡顿？提示可以考虑缓存4；需要记录每一句对话的时间戳吗，如何记录，是需要每隔一段时间记录还是每一句都要记录？5、音乐播放器歌词如何实现每一句的高亮？每一个字的高亮呢？6、聊聊屏幕适配，pxtorem如何解决浏览器限制最小尺寸不能小于12px，现有技术如何解决？答scale缩小，他说会跑偏7、公共组件如何做稳定性监控？怎样线上监控组件异常？8、js有哪些报错？哪些异常类型？9、js如何开启第二条线程？提示web worker10、js如何捕获异步任务异常？除了then catch...

发个面经，攒攒人品昨天面的，答的不好，实在是空窗期太久了，太久没面试了，中间只做了笔试和测评，导致丧失了很多对自己的水平认知发现八股还是有很多地方只停于表面的，一旦深入问就不知道了，实习经历的准备也不够，就像这个微信推送，我只知道前端要做什么，却没有梳理好完整的链路，还得继续努力啊！1.具体在做小程序的什么？（我在实习中提到【公告通知】这个功能）2.微信订阅消息推送的链路，用户怎么收到推送的？想了解用到什么协议3.get和post怎么理解？4.get和post在网络传输链路上有什么区别？5.小程序上也有url的长度限制吗？（上个问题我说到了get的url长度限制）这个限制是谁做的？6.简单请求和飞简单请求？7.自定义请求头是指什么？（上个问题我提到复杂请求可能是包含自定义请求头）8.get幂等，post非幂等，主要什么原因导致的这种区别？9.URI是指？（我提到uri，面试官说没有太理解到uri的概念）所有请求都一定是返回uri吗？10.get请求的默认缓存能力？11.浏览器缓存有磁盘缓存和内存缓存，这个了解吗？浏览器怎么控制这两个缓存空间？两个的主要作用？12.强缓存和协商缓存什么时候走内存/磁盘缓存？13.settimeout时间不准确的问题？14.setTimeout 与浏览器渲染帧率的关系？15.requestAnimationFrame怎么解决settimeout时间不准确的问题？16.async/await和promise怎么解决回掉地狱？两者有什么区别？17.两个数组相加在浏览器中执行结果：[1, 2, 3] + [4, 5, 6]？18.解构赋值通过什么触发的？解构赋值是什么?（这个问题是因为我上个问题做错了，我以为两个数组相加就直接是对应索引值相加，解释时提到【解构赋值】，所以面试官才问的）19.用var实现const，写伪代码即可20.实现promise.all

个人情况：1.文科211在读   坐标武汉2.加权成绩中等，保不上研，不考虑考研考公。3.计划本科就业目前规划：1.leetcode hot 100（6/100）2.计网、操作系统、Java基础八股文3.尚硅谷 SpringBoot3视频＋黑马点评项目手敲以上计划刚开始，计划10月份leetcode刷60题及以上，八股大致掌握（能应付日常实习打面试就行），第三点掌握大部分。想要在10月下旬和11月上旬开始投简历。想要求一下各位大佬打的建议🙏🙏🙏#后端开发 #java #程序员 #211#计算机科学与技术#计算机