字节Coze前端三面面经（已挂）

项目+八股+手写八股1. 什么是防抖和节流？两者的区别是什么？2. 防抖和节流的实现原理是什么？分别有哪些应用场景？手写防抖3. 为什么会有跨域？4. 一般跨域的手段都有哪些？分析结果题5. 已知 picture A（元素含图片URL，对应渲染S1、S2、S3）和 picture B（元素含图片URL+唯一key值，对应渲染S1、S2、S3），删除两者中对应S2的中间项后重新渲染，picture A 和 picture B 分别渲染出几张图片、是哪几张？原理是什么？（没答出来，后续面试官补充核心关联 Vue 2 数组 diff 逻辑）6. 原生 React 父子组件中，能促使组件重新渲染的因素有哪些7. 使用 React Hooks 时，用 useCallback、useMemo 避免重新渲染的整体原理是什么8. useMemo 跟 useCallback 一般应用于什么场景9. 大文件断点续传、断点上传的技术实现方案10. 手写实现 append 函数：将任意多的项添加到目标数组中，过滤空值（undefined、null）并返回新数组，需处理arr不是数组、arr为 undefined/null 的情况

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

你在长列表优化中做了哪些具体的事情？时间分片是指什么？虚拟列表是什么，为什么需要它，原理是什么？解释一下 useEffect 的作用。你了解 useCallback 吗？它有什么作用？事件委托是什么？它主要用来解决什么问题？对定时器(setTimeout)有了解吗？如何用它实现一个每秒执行一次的任务？http协议的理解 及http1.0及2.0的区别五层模型的作用从输入url到网页呈现的全流程（从缓存与Servive work 域名解析、tcp三次握手到Http请求到浏览器渲染算法题：零钱兑换（mid 普通的动态规划

1.介绍项目，拷打 2.假设写了一个setTimeout的循环，但它的值一直不对，是什么原因 3.用 let 和 var 有什么差别 4.说说你对Event Loop 的理解 5.如果我在一个 async 函数里面用了多个 await，它的执行顺序是怎么样的 6.microtask 和 macrotask 的区别是什么样的呢 7.说一下浏览器的渲染流程比如我输入一个 URL 到页面渲染出来，它中间到底发生了什么 8.说说浏览器的缓存策略吧，比如你刷新页面的时候，为什么有些资源会命中缓存，有些不会 9.说说你对 React 生命周期的理解，用 class 和 hook 两种写法分别说说挂载和卸载...