TCL校招 前端一面

50min 八股手写React 和 Vue 技术栈的差异SSR CSR区别SEO 效果较好怎么做SSR服务器端和客户端的状态同步前端性能优化有哪些手段本地调试用什么工具验证性能优化成果monorepo 和常规单仓库的代码管理方式区别手写数组转树

项目+八股+手写八股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 父子组件中，能促使组件重新渲染的因素...

1. git merge 和 git rebase2. 发生冲突怎么解决？提交时候冲突怎么解决？3. 消息队列中异步下单的整个流程闭环，消息队列有哪几种4. WebSocket断线重连怎么做5. List和Set区别6. 如何对Set排序7. List和数组如何互相转换8. 线程池怎么创建，核心线程在什么时候创建9. Spring常用注解有哪些10. 循环依赖问题11. Mysql聚合函数有哪些？12. 两道sql题，一个取各部门年龄最大的，一个取用户表中每个部分年龄最大的前三（窗口函数）13. 问了问实习害，找了三个月实习还没找到。。。

项目+八股+手写Promise的all、race、allSettled这三个API有什么区别？适用场景分别是什么？箭头函数和普通函数在this绑定、参数处理上有哪些区别？在箭头函数中若想使用类似arguments的功能，有什么解决方式？Next.js项目中，CSR场景主要应用在哪些功能模块Next.js中的SSR和CSR，首屏初始化流程有什么区别 手撕根结点到叶节点数字和css实现 header footer 定高 main高度不确定铺满布局 没有全局滚动条 main可以有滚动条