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.抛开业务层面的话，想学习什么技术？

深挖项目+一些八股+手撕2道1.研究方向是人工智能，为何转到/学习前端？2.实习经历写的node微服务中间层主要是干什么？（我提到了协议转换，因为实习的bff项目对接后端那边的grpc服务，对前端暴露rest api端点）3.所以你认为中间层的职责边界是什么？仅作为一个协议转换吗？（我提到了接口编排，比如前端在某个功能上需要调用后端多个接口时，可以直接在bff中做一个整合，只返回给前端一个接口，这样前端的复杂度也能降低，这个想法是之前在研究实习的项目时问ai得到的，实际上实习的时候也没做接口编排，这部分答得不好，我对bff项目的价值和了解太浅了，仅限于我自己的那部分dirty work）4.对node微服务的复杂度有什么处理吗？需要考虑哪些异常场景？或者是怎么解决的？就是如果以聚合api的调用为例，这个过程中可能遇到哪些异常场景或者是哪些你认为需要关注的点？（真的不会回答，因为真没做过接口聚合，我猜测可能会跟异常和错误的处理有关）5.是不是意味着一个接口出错了，整个过程就中断了？（我提到可以做重试，可以设定一些重试规则，比如网络错误，满足规则就可以发起重试，避免某个接口出错就直接报错，尽可能使得接口能成功返回响应，感觉我的回答还是太浅了，但是的确就是只知道这一点orz）6.从前端服务的一个可用性来看，就是我们尽可能的满足它的一个可用性，那么在这种聚合的场景下，有没有什么办法尽可能满足它的可用性？数据影响范围应该尽可能的小，不能因为一个接口出错，整个服务都不可用，对吧，那么针对这个有什么考量？哪些可以聚合，哪些不可以，聚合的原则是什么？（理解到面试官意思了，但是我答得不好，描述很混乱，我的大概理解是聚合的原则必须是前端请求的数据之间关联性很强，但是不会回答，也不知道如何描述，并且只知道这一个点）7.你这里的重构请求层是什么意思？为什么要重构？（这里我脑子昏了头了，回答成了在简历中写到的另一条工作，我傻了orz）8.前端有哪些性能指标可以关注？（我答了FCP、LCP）9.这都是基于开发过程的性能表现，那如何知道在用户的真实使用情况？（不会答。乱答的）10.生产环境怎么感知用户性能或者错误问题？（我回答听说过sentry，但是没用过，不知道怎么用orz）11.ai辅助编程用的多吗？用的什么？会深度集成使用还是做提示？（这种问题怎么回答才能显得我既能使用ai提升效率，但是又不是完全依赖呢？搞不懂orz）12.你之前做过深度学习，那你知道为什么ai会容易忘记上下文？（上个回答提到这点，但是实际上我做的不是深度学习啊orz，所以也是乱答）13.有用过mcp之类的工具吗？（没有orz）14.前端的同源策略，跨越的处理？15.简单请求和复杂请求的区别？16.webpack和vite在开发、生产模式的区别？17.esm和common js的区别？18.import在esm中是个引用对吧，那编译时怎么实现的引用更新？最正构建出来的产品怎么实现的es特性？19.实现map（最开始用对象，发现不对，因为对象的键不能像map那样支持多种类型的变量，最后用的2个数组实现，但是写的过程中磕磕绊绊，暴露了短板）20.图有关的算法题（图，在此之前没刷题，因为总觉得不会考，没想到还是很重要的，最后还是暴力写了，不过写的还是有问题，其实后来发现也很简单的题，dfs就行）

发面经，攒人品，助力我早日oc1.对bff的了解？为什么要加入bff层？（结合我的实习经历）2.由于你的服务失败或者挂掉引入的问题，bff层的兜底策略？3.ws的心跳检测和自动重连机制？（个人项目）4.websocket和tcp的关联？有什么差别？是不是同一层？5.jwt是什么样的结构？怎么做的鉴权机制？6.jwt的token分为几个部分？7.介绍ssr和csr（我的项目中有用到）8.ssr的好处9.怎么提高网站的seo？（上个问题提到了seo）10.webpack的配置项、loader和plugin知道哪些？11.描述一下babel？怎么把es6编译成es5的？（面试官说ast）12.webpack的热更新？怎么做到不刷新浏览器去更新页面？13.git rebase 和 merge的区别？开发中习惯用哪个？14.开发过程中有没有遇到过跨域的情况？怎么解决的？（我提到了在webpack的devserver中区配置反向代理）15.所有的资源都会被同源策略拦截吗？16.tcp和udp的区别？tcp三次握手？为什么不可以2次？17.http的缓存策略？http的状态码？18.https和http的区别？为什么不用非对称加密做数据加密？19.xss和csrf介绍20.ts和js的区别21.js的事件循环机制？常见的微任务有哪些？22.为什么有时候没有用react的标签，但是还是要在顶部写import react from react?23.一直循环地执行setstate，会一直重复渲染吗？24.setsta之后立即拿状态，拿到的是新的还是旧的？25.讲一下快排算法的原理，时间复杂度？稳定吗？稳定的排序算法有哪些？26.怎么看待ai，ai在你的日常开发中充当什么角色？27.手撕：两个队列实现栈

发个面经，攒攒人品昨天面的，答的不好，实在是空窗期太久了，太久没面试了，中间只做了笔试和测评，导致丧失了很多对自己的水平认知发现八股还是有很多地方只停于表面的，一旦深入问就不知道了，实习经历的准备也不够，就像这个微信推送，我只知道前端要做什么，却没有梳理好完整的链路，还得继续努力啊！1.具体在做小程序的什么？（我在实习中提到【公告通知】这个功能）2.微信订阅消息推送的链路，用户怎么收到推送的？想了解用到什么协议3.get和post怎么理解？4.get和post在网络传输链路上有什么区别？5.小程序上也有url的长度限制吗？（上个问题我说到了get的url长度限制）这个限制是谁做的？6.简单请求和飞简单请求？7.自定义请求头是指什么？（上个问题我提到复杂请求可能是包含自定义请求头）8.get幂等，post非幂等，主要什么原因导致的这种区别？9.URI是指？（我提到uri，面试官说没有太理解到uri的概念）所有请求都一定是返回uri吗？10.get请求的默认缓存能力？11.浏览器缓存有磁盘缓存和内存缓存，这个了解吗？浏览器怎么控制这两个缓存空间？两个的主要作用？12.强缓存和协商缓存什么时候走内存/磁盘缓存？13.settimeout时间不准确的问题？14.setTimeout 与浏览器渲染帧率的关系？15.requestAnimationFrame怎么解决settimeout时间不准确的问题？16.async/await和promise怎么解决回掉地狱？两者有什么区别？17.两个数组相加在浏览器中执行结果：[1, 2, 3] + [4, 5, 6]？18.解构赋值通过什么触发的？解构赋值是什么?（这个问题是因为我上个问题做错了，我以为两个数组相加就直接是对应索引值相加，解释时提到【解构赋值】，所以面试官才问的）19.用var实现const，写伪代码即可20.实现promise.all

面试官说是业务内容是做电商，然后面试过程基本上就是先自我介绍，然后指着简历问你问题（简历是直接放上来的），再加上一点点八股：1.自我介绍2.学术成果收获（因为是研究生所以写了论文专利这些）3.你研究方向基本是....，为什么后面想来做前端开发4.你有....相关专利，会不会觉得可惜，没有继续在这个方向做5.实习的小程序项目为什么选择用 Taro？有参与技术选型吗？6.了解与 Taro 并行的其他跨端框架吗？有做过对比吗？7.Taro 跨端原理8.项目细节深挖（简历写的内容详细讲）9.除了 Redux，还了解 React 生态中其他状态管理手段吗？（我就答了redux toolkit，实在是只知道这个）10.React 并发模式原理（绷不住了，俺根本没记）11.React 18 新特性（因为我说项目用的react18）12.使用 Hooks 时遇到过什么问题吗？13.useEffect 清除机制14.Flex 布局属性讲讲15.BFC的形成条件和能解决的问题手撕：实现一个 并发控制器，入参是最大并发数，需满足最大并发 2现在想想确实对一些原理还不够清楚，八股背的也不熟，还有这种promise相关的手撕题我真的都不太会做，也不知道能在哪里联系，有路过的牛友知道怎么练这种手撕题吗？我甚至觉得比算法还难，虽然我算法也不咋地

昨天面了云智一面，很确信自己凉了，因为一开始就问我学了多久前端，知道我没学多久之后就有种不care的态度，项目也不怎么问（虽然我知道对他们而言只是玩具项目），整体给我感觉就是已经默认我不行了。。。虽然我真的菜，但你真的没必要。。。————————分割线————————一些有的没的：1.自我介绍2.你这两个项目做了一共加起来有多长时间？学校的项目还是你自己在网上找的课跟着学的？3.你是啥时候开始学习前端的？4.你就是学校有教过前端方面的课吗？数据结构网络这些学校有教吗？5.计算机网络学得咋样？————————分割线————————八股：6.讲一下虚拟dom，为什么要有虚拟dom？7.用过哪些react hooks，讲一下8.react组件的生命周期讲一下9.比如说现在一个弹窗组件当卸载的时候，我想执行一些操作。比如说打印一个123，我这个代码该怎么写？10.useeffect第二个参数的作用11.那不传第二个参数和传第二个参数，但是是个空数组以及传了一个数组，并且里面有值。这三种情况有什么区别？12.get和post请求有啥区别？13.能用get请求去修改数据吗？14.http和https有什么区别？15.前端缓存方式，你都了解哪些？你在项目里有用过吗？16.做布局都有哪些布局方式？17.你觉得这几种方式有什么区别？18.怎么理解跨域请求？19.dom对象和document对象是什么？20.bom你了解吗？21.异步任务了解吗？怎么理解异步任务这个概念？22.讲讲微任务和宏任务————————分割线————————手撕（打开本地编译器自己写，也不知道为啥明明腾讯会议的面试模式有编译器，但非不用）：23.判断输出async function async1() {console.log('a');await async2();console.log('b');}async function async2() {console.log('c')}console.log('d')async1();setTimeout(() => {console.log('e')}, 0)new Promise((resolve, reject) => {console.log('f')resolve()}).then(() => {console.log('g')})24.对比版本号['1.2.3', '1.2.34', '0.5', '3.2.3', '11.2.3']25.写一个弹窗组件

邮件里面试链接已经失效了是不是就是挂了😭😭😭😭