百度提前批前端一面

复盘：因为只准备了一天八股，导致很不自信、面试时放的不是很开、比较紧张，不是特别满意流程：问题1 ：首先简单聊了聊实习和项目，问我要不要给项目加AI功能，有哪些想法？回复：太紧张了，没有结构化（没有做面试准备），扯皮了细节功能后，我说之后要加chatbot和对收集到的用户画像向量化。问题2：问实习webpack优化怎么做的？回复：1. 缓存配置，2. 并行处理(多线程、多进程配置)问题3：问对Vue和React哪个了解？问题4：说说Vnode吧回复：        首先讲了vnode为什么比直接操作dom好，从create分析，到update分析，到声明式框架（感谢霍春阳）。        然后很紧张，继续延伸说了vue的vnode和react之前的vnode和之后的fiber，顺着说了说react的createElement，和requestidlecallback，说了vue的vnode更复杂。转向说整个vue架构和react架构，比较组件级别和应用级别框架，最后说了diff，（因为我很害怕拷打我dom diff，因为忘了。。。。）问题5：问我css学的怎么样？flex和grid用哪个多一些回复：不屑于用组件库，平时自己写的多，但是还没入门，用flex多一些手写题：实现一个flex布局，子盒子随着宽度减小布局到下面本质就是flex-wrap的事情，我还以为拷打响应式。。打断我写媒体查询手写题目：手写防抖或节流，挑一个总结：        1.  没有实现调研投递到面试的流程到底多久，导致一天好几个面试，太累了；        2.  准备八股太晚了；        3.  太紧张了，没有在面试的时候掌控整个节奏，不够主动。        4.  简历上写的都应该事先结构化表达一下，不够充分；        5.  主动延伸防止被拷打是一个好方法。

1. 自我介绍，怎么学习前端的；2. 实习具体聊了聊；3. 实习期间有难度的事情；4. 聊了聊Node.js，做过哪些Node.js的事情；5. 用过哪些Node.js的API；6. React Fiber架构；7. React父组件怎么拿到子组件的属性；8. 进位String input -> String output (9999 + 1) => (10000) 简单题    算法真一坨，面试官手把手教我做(oi让我思考一下呗)。    最后做出来了反正hh；9. 技术面后来忘了。。反正聊的挺开心(还没发offer，是不是我算法太挫了不要我了)。反问：1. 美团架构；2. 做的事情再深入说说，技术栈(RN)。面了两次，感觉美团真的很不错(可能运气好吧)。

1. 介绍实习经历，介绍项目；2. 聊实习时工作流程；3. 聊实习时最有意义的事情；4. 在项目中做了什么事情，怎么牵头的团队；5. webpack、vite深入；6. 怎么设计组件的？有哪些思路和注意点；7. js事件循环试题，注意点就是：构造函数、同步、宏任务、微任务(老生常谈)；8. css选择器权重；9. 手写Promise.all(秒了)。反问：1. 详细让面试官给我介绍业务；2. 工作流程(因为面试官问我了)；3. 技术栈。

体感是面试官会等你说完之后，会再问一句，还有呢？或者针对你刚说的答案再追问一些细节点，有点刨根问底的意思一面登录验证怎么做的TokenRBACCSS预处理器CSS隐藏元素的方法Transition和animationFlex布局元素垂直居中两栏布局Es6新增属性箭头函数和普通函数区别Map的方法Weakmap和map的区别在js数组中找某一项的值怎么做事件循环宏队列任务有哪些手撕 深拷贝js中同步和异步的区别Promise 解决了什么问题，有几种状态Vue3和vue2比新增了什么特性双Token机制（token是短期的，不想让用户频繁登录，怎么做？）跨域以及实现方式打包工具及区别Vite为啥比webpack快Webpack中怎么保证资源是最新的（哈希）输入url到渲染的整个过程浏览器缓存强缓存和协商缓存区别，以及什么时候使用手撕 数组去重二面为什么去学前端学习前端知识的方式平时学习前端的网站CSS中的animation给一个loading的图片，怎么用动画实现加载的动画三栏布局（得说出来每个值怎么设置浏览器的回流和重绘回流对浏览器的性能影响怎么查看给一万条数据，渲染到页面，怎么做才能让性能最优优化前后的性能怎么查看和比较Cookie localstorage sessionstorage想把cookie设成前端取不出来，怎么设AI相关手撕 返回字符串第一个不重复的元素的下标