14号一二面，15号三面，差不多一周后挂的，面经还是发出来吧，好像base北京还挂着前端的岗位，造福一下后来人被挂后自己分析了下，可能还是有个别八股不熟悉，就像三面被问的那个，以及其实对实习的项目深挖的不够，还有就是运气也不咋地吧哈哈，被挂了emo了挺久，现在也释怀了，命运给我什么我就接受什么吧【一面】1.js单线程还是多线程？为什么被设计成为单线程语言？单线程不能充分利用cpu的并发能力，设计成多线程不好吗？（我回答可能就是多个线程同时操作一个dom元素导致浏览器不知道咋办）2.既然这样，不可以加锁吗？（我回答可能跟浏览器调配各种进程资源的能力有关.......?）3.听说过web worker吗？4.和主线程最核心的区别？5.所以js还是单线程语言吗？（面试官说最完整的描述应该是：操作跟dom有关的线程是单线程，但是为了解决CPU密集型任务，他可以通过web worker来解决，但这个worker线程和主线程有能力上的区别）6.this指向输出题7.事件循环输出题8.能不能宏任务优先，微任务低优？9.服务端渲染有什么好处吗？（ssr不是比csr更快，只是渲染在哪做，但是渲染的那块时间也不会少，并没有优化性能）10.ssr为何有利于seo？11.webpack五要素12.loader和plugin的区别13.什么叫树摇14.让你实现一个plugin，必须实现哪个方法？15.webpack声明周期16.webpack在production的优化？（多线程，面试官说是在构建时的优化，应该答splitchunks）17.splitchunks有哪些好处18.vite比webpack快，最根本的点？（应该是答基于esm）19.为什么vite开发不全量打包是为何？（面试官说是因为webpack那时候浏览器还没有esm模块化）20.手撕无重复最长子串【二面】1.项目难点介绍2.koa2的洋葱模型是为什么（代码层面）？3.中间层维护？怎么确保中间层服务的稳定？（实习项目相关）4.多个接口调用，怎么并发执行？（promise.all，描述如何实现）5.怎么实现有最大请求数的并发控制？（异步调度器scheduler实现，手写）6.promise的then是返回新的promise还是原来的？总是返回一个新的实例。7.为什么promise的then/catch/finally可以链式调用？8.then里面可以return this吗？9.首屏可以有哪些优化手段？10.懒加载组件怎么做？11.打包完成之后是怎么懒加载的？浏览器请求下载这个单独的bundle的方式是什么？（不懂，这块不知道）12.settimeout怎么理解？13.webpack/vite热更新怎么做的？14.react组件间通信15.为何redux同步修改状态在reducer，异步操作在thunk中？（不知道，因为不可变更新吗）16.react的diff算法？【三面】1.你参加的那些比赛分别做了什么？2.研究方向是什么？3.为什么选择那个公司实习？(不知道怎么回答）4.讲一下小程序做的啥？5.taro设计的dsl，到支付宝/微信小程序/h5的dsl有看过吗？怎么设计的（dsl啥意思不知道，下来查了才知道原来就是让我解释taro的编译型跨端原理orz）6.请求层重构讲一下？（实习相关，重复请求拦截+支持主动取消请求）7.业务层主动取消是在什么情况下？（实习项目相关用户操作触发了请求但是用户又很快退出这个页面了）8.bff层做的什么？（实习项目相关）9.接口编排具体指的什么？（实习项目相关）10.bff用的什么启动？node还是express？或者pm2？11.node启动有做什么维护稳定？（我答错了，不是指和grpc的连接那块怎么提供稳定服务，这里面试官问的是怎么保证中间层服务的稳定性）12.做轻量化社交平台的契机？13.选react18的原因?（我大概从18的提升上说的，并发渲染还有和ssr的结合）14.在这个练习项目中，最大的收获？（验证自己的学习成果，提升技术掌握熟练度，以及接触一些新的技术比如nextjs、websocket）15.耗时比较久的是哪块？16.讲一下原型链17.类之间的继承，原型发挥了什么作用？（没答好，直接说了子类继承父类的原型需要手动写，但下来查了这是es5之前的，有了原型es6之后就不用手动写，super的调用就包含了原型的继承）18.事件循环讲讲？19.对未来半年到一年的职业发展？20.对自己的技术学习有什么规划？（我回答的跟业务深度契合的技术栈上深入学习）21.抛开业务层面的话，想学习什么技术？

1、实验室方向以及相关项目 10min 2、 Spring 框架常用的注解有哪些？ 3、@Autowired 注解的底层原理是什么 4、在实现  @Autowired  的依赖注入时，是怎么通过反射来获取成员变量的？ 5、具体是用什么反射方法来获取这些字段（Field）？ 6、获取到字段后，又用什么方法来检查它是否被  @Autowired  注解标记？ 7、请讲一下 Spring 中一个 Bean 的生命周期 8、谈谈你对 JVM 调优的理解，有哪些常见的调优参数或方法？ 9、在启动命令中调整 JVM 参数，怎么做？ 10、解释一下 ThreadLocal 是什么，以及它的底层原理。 11、...

一二面全是八股盛宴一面1、大数据量的图表有没有遇到过什么性能瓶颈，怎么做的优化呢？2、在网慢的情况下，进入页面，资源的下载顺序是怎么做的？async和defer的区别是什么？3、语义化标签有哪些？好处有哪些？SEO优化？4、服务端渲染？5、盒模型是什么？box-sizing的作用是什么？为什么要切换计算方式呢？6、如何实现一个元素的水平垂直居中7、flex布局怎么去写，双飞翼布局8、定位的方式有哪些？三大定位哪些脱离文档流？9、absolute相对什么来定位的？10、JS的数据结构有哪些？从基础数据类型和引用数据类型来说11、null和undefined有什么区别？==返回是什么？12、var、let、const有什么区别？13、闭包说一下，是怎么造成内存泄漏的影响的？14、手写一个防抖函数15、说一下事件循环，JS为何这样设计呢？16、说一下对promise的理解17、浏览器输入URL到成功渲染出来的过程中发生了什么18、DNS解析是怎么做的呢？这是递归的查询还是迭代的查询呢19、websocket如果断掉了这么检测？20、SEE是什么？是一个什么连接？二面1、TCP连接为什么需要三次握手？具体过程是什么？2、重排和重绘是什么？修改一个DIV的width属性是重排还是重绘？3、UDP知道吗？4、浏览器中的进程和线程指的是什么？5、JS为什么是单线程的？6、什么是JS异步？解释一下事件循环？每次循环执行几个宏任务7、浏览器的跨域？JSONP的原理是什么？script是在干什么？发了请求回去怎么通信的？8、HTML的第一排的就是type，不加会有什么问题？加上和不加分别是什么模式9、CSS的盒模型是什么？border- box的作用是什么？包含哪些？10、什么叫盒模型的塌陷？为什么会发生？怎么解决？11、display float的float是干嘛的12、flex和grid有什么区别？哪个是一维的？13、如果子级是200px的宽度，父级是小于200px，会发生什么？14、什么是闭包？如果定义了一个变量，是一个一两个G的话，用完之后怎么手动销毁呢？15、防抖和节流一般用来干嘛？区别是什么？16、什么是事件的冒泡和捕获？17、nodejs中的commonJS和ESmodule的区别是什么？18、静态分析的tree-shaking是干嘛的？具体的实现逻辑是什么样的？怎么去分析哪些是静态代码的？什么叫抽象语法树？19、用过哪些打包编译的工具？20、webpack的plugin和loader分别是干嘛的？21、使用less-loader的时候，过程中发生了什么？比如把less转成CSS，这个转变的过程了发生了什么？22、现在很多都是SPA，那为什么会有SSR呢？23、了解哪些跨端的框架？为什么要出现这些跨端的框架？24、RN是怎么和原生的APP通信的？他的渲染机制是什么样的？25、手撕：将数组的0移动到末尾，其他的非0数字的顺序保持不变

1. 前端加密有哪些2. ref和reactive区别3. 组件封装4. 说一下wujie不同微前端通信方式5. 举例问了一下reactive解构赋值和整体赋值新变量是否具有响应式6. 说一下项目里的加密怎么实现还有些忘了只记得这些了，感觉面的不难，回答的也还可以差不多面完两天就挂掉