好久没分享面经这边分享一个联想二面面经，45min询问简历项目（实习为重），中间掺杂点研究生科研方向也问了已发表论文，后续就是hr面（一共两位hr，一个偏向于项目一个是性格之类的）无英语环节积攒好运

项目+八股+手写八股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 的情况

自我介绍 前端学习路径项目相关Vue 与 React 的区别Vue 双向绑定原理自定义 Hooks的实现思路虚拟 DOM 的作用Fiber 架构的作用RN 开发的 “坑”ES6 新特性Promise 异常处理import与require的区别finally的作用资源缓存策略，强缓存 vs 协商缓存的适用场景协商缓存的流程资源更新问题：如何让用户加载新的 JS 资源列表滚动卡顿怎么排查

总时长60min左右1️⃣ 自我介绍2️⃣ 项目拷打3️⃣ 跨域3.1 跨域有几种解决办法3.2 介绍一下每一种的原理，以及实际应用场景4️⃣ 三栏布局方法说四种5️⃣ 判断数组的方法5.1 数组的常见的方法6️⃣ 判断对象为空的方法7️⃣ this指向8️⃣ call和apply的区别9️⃣ web安全攻击相关1️⃣0️⃣ flex布局1️⃣1️⃣ 浏览器缓存1️⃣2️⃣ css定位方式1️⃣3️⃣ 手撕13.1 合并两个有序数组，问优化的方法13.2 爬楼梯，问优化的方法13.3 promise代码输出题13.4 promise并发控制器1️⃣4️⃣ 反问