字节前端一面面经

1.项目拷打 2.说一下浏览器从输入 URL 到页面展示全过程 3.详细说一下dns解析它是怎么解析的，过程咋样 4.https为什么比http安全呢 5.https 它那个加密的大概的一个过程是怎么样子的？ 5.说一下http各个版本的区别 6.前端在开发过程中的话，有哪些手段可以让界面打开的速度更快？ 7.你在项目里用过AntDesign没，那假设我现在需要让你自己来写一个类似于AntDesign的这样的一个 UI 组件库。然后再写一个select，那个是比较单一选择的组件。我们不能使用别人组件库里面现成的，需要你原生的react来写，同时的话也不能使用HTML里面的select和opti...

分享出来希望可以帮到大家！一面约1h20分钟1. 自我介绍2. 八股- CDN缓存会缓存多久？- 为什么TCP三次握手就够了，不需要第四次？- 对HTTP有多少了解？HTTP自定义header的场景，如何使用？3. 项目4. 题目- 逻辑推理题：夫妻握手- 代码输出：this指向问题- 实现promiseHalf5. 其他- 学习前端的原因和过程6. 反问- 通面，可以自选base地（重庆， 北京， 杭州）二面全程约1h20min1. 自我介绍2. 项目3. 八股- Redux怎么实现状态管理？store如何更新状态？4. ai coding- 开发一个trae编辑器的智能体，能够根据输入（比如实现简单页面开发）生成lynx代码, 不限制方法，限时30min5. 其他- 哪一门课程印象比较深刻？具体讲讲三面时长约1h1. 自我介绍2. 项目3. 场景题打开网页直接让你操作4. 八股- 图片格式/处理- 和项目相关的八股5. 其他6. 反问HR面常规hr面面试题，大约30min懂车帝，一个从面试内容到通过速度都令人震惊的公司…每一面的面试官都很好，对接的hr也超级好！每次面试完都留给我很多思考🤔谁懂面试完不到一天就收到offer的救赎感和震撼感…

1.项目介绍 2.先聊一下项目，看你做了一个agent项目，介绍一下这个做什么的 3.用vue-flow 做可视化？那你们节点之间的连接逻辑是怎么做的？比如连线校验怎么做，支持动态规则吗 4.如果是一些拖拽、缩放这种高频操作下，肯定很卡顿，用哪些手段做性能优化呢 5. 那你刚提到16种节点，你这些节点之间的连接有没有做校验？比如判断节点类型、出入线数量限制这种 6. 你那个连接规则是怎么做的 7.虚拟化这部分是怎么判断哪些节点该渲染哪些不该渲染的 8. 那你缩放、拖拽这么频繁更新 DOM，是怎么节流的？你 throttle 控制的是哪个函数？ 7. 用Web Worker？怎么划分主线程和 W...

攒人品求oc。一面以基础为主，二面是问简历上的东西10.18  一面  45min自我介绍1. css常见定位方式2. relative和absolute3. 怎么实现一个三列布局（coding）4. 怎么实现第二列内容自适应（coding）5. typeof，typeof一个function返回什么6. 响应式布局怎么做7. Object.keys和for in遍历差别8. 看代码讲输出，讲为什么```javascriptconst obj = {name: '',age: 18,};Object.defineProperty(obj, 'id', {value: 1,enumerable: false});Object.prototype.sex = 1;for (const key in obj) {console.log(key);}```9. 模块化开发规范，esm和commonjs10. 跟后端开发过程中怎么合作11. 用过什么调试工具12. 移动端怎么调试13. 安卓跟ios显示不一样怎么调试14. 跨域怎么解决15. 手撕- 防抖- 给l1=[3, 6, 5], l2=[2, 4, 3, 7], 返回[5, 0, 9, 7]。数组长度不一定16. requestAnimationFrame作用17. websocket心跳怎么做的，心跳断了之后怎么处理的18. webpack配过什么东西19. 两段实习的实习时间10.23  二面  60min自我介绍1. 挑一个实习中的需求讲一下（追问得很细）2. agent工作流是做什么的，怎么定制，举例搭一个agent工作流3. 微前端4. 性能优化5. 虚拟列表怎么实现（等高和不等高）6. xss和ddos7. http和https8. ca是什么9. 手撕- 静态loading图片实现loading.gif的状态（css animation属性）- 实现字符串的trim方法