淘天集团前端开发工程师一面面经（实习面试存档

非常突然的一次面试，下午打电话过来约电话面，晚上就面了，先做两道题然后再问问题，好在不少八股，还是不难的，笔试半个小时，电话面四十分钟。笔试：1、url里面的query部分转换为对象，如果值是JSON字符串类型则需要转换为对象2、一个JSON对象，将里面的key由下划线改为驼峰，注意需要处理深层的key，而且不能改动原有对象面试：自我介绍你是怎么学习前端的介绍一下你的实习项目你认为实习遇到了哪些难点（以下省略实习的具体项目，因为这一部分比较个性化）（接下来开始八股）css盒模型左右两栏布局，左边宽度固定，右边自动填充如何保持宽高比（PS：我知道图片的，盒子的讲的不清楚，文字的根本不会）箭头函数和普通函数的区别浏览器存储以及它们的区别讲一下跨域，为什么有跨域，开发过程如何解决跨域react里面key的作用react里面父元素如何使用子元素的dom节点v-if和v-show的区别，什么时候用哪一个前端性能优化（PS：他后来问我react还是用类组件吗，我说我们都用函数组件，于是讲了函数组件的优化方法）反问：1、由于太突然，我还不知道面试官所在部门和业务，能介绍一下吗？答：淘天集团客户运营，负责客服部分的开发2、技术栈是什么？答：主要是react，移动端居多，PC端自动适配3、面试结果大概什么时候出？答：后续还有好几轮面试（PS：感觉他就没回答我这个问题。。。）

为什么要定义React hooks，这个对比直接定义函数有什么优点？如何搭建一个组件库，组件库要如何设计如何使用Jest进行测试如果要对一个网页进行单元测试，要如何进行设计如果要给一个项目添加单元测试要如何保证单元测试的效率最近有使用大模型技术吗？如何结合大模型来进行单元测试，实现自动化测试如何通过大模型实现从PRD转换为目标代码？有那些流程和优点缺点？如何解决缺点提供代码稳定Webpack和Gulp有什么区别为什么使用iframe进行微前端方案对比其他微前端框架，iframe有哪些优点和缺点

 直接手撕三道题，层序遍历二叉树，复原ip地址，中等难度sql2.哪些地方使用了Nginx3.负载均衡的算法。4.Linux如何查找和杀死进程，5.怎么优化sql查询的。6.索引的类型。7Redis的IO8.为什么使用Flask框架封装算法。9.专业问题10.Springboot是自学吗11.在项目中自己的角色定位。12.为什么有空档期，为什么考研不直接考计算机专业。13.项目中分库和分表，数据量有多大，为什么要分库分表。14.+ Redis+token实现幂等性15服务的访问量。16.大数据智能分析平台，底层的计算引擎17.SpringBoot中怎么去自定义异常处理。18.常见的垃圾回收算法，具体讲一个熟悉的。19.投岗位之前了解了哪些大数据相关的知识，什么时候开始了解的。20.对联邦学习的理解。 #软件开发笔面经#

说实话，面的时间有点长，1个半小时，后面有点昏头了笔试题实现将数字转换为中文，如123 -> 一百二十三实现一个函数对对象的get和set进行代理面试题nginx如何进行流量按比例转发Webpack插件和loader原理和区别是否自己编写过loader和plugin如何将一个图片通过loader进行加载Vue和React的差异https不同版本区别QUIC协议如何设计的，如何保证传输稳定HTTP2什么情况下会出现队头阻塞HTTP缓存机制ETag和lastModify区别浏览器存储类型如何使用Cookie实现单点登陆JS事件循环RequestAnimationFrame在什么时候调用，是宏...