前端八股文面经整理（带解析）

1.聊经历 2.聊实习3.为什么react的hooks不能放在条件语句 循环语句中4.vue和react的区别5.js中的数组有哪些api6.为什么0.1+0.2≠0.3，如何解决7.讲一讲Promise有哪些api8.搜索框的实时搜索如何实现9.竟态条件如何解决10.对工作有什么期待11.反问

1.问项目和实习2.怎么节省token3.箭头函数和普通函数的区别4.promise的几种状态和状态转换5.localStorage、SessionStorage、cookie的区别6.知道几种解决跨域的方式7.用过TS吗，interface和type的区别，哪种用得多为什么8.Vue2和Vue3的区别9.Vue和React的使用区别10.Vue和React的双向数据绑定11.单向数据流12.有没有写过React Native，是用来写什么东西的13.是否了解Taro框架14.Webpack的流程和原理，哪些配置15.CSS常见的布局16.flex布局实现九宫格，用哪些属性17.兼容不同设备CSS和HTML需要怎么写18.是否有小程序开发经验，跟vue/react有什么区别19.多人开发代码如何管理、迭代20.冲突如何解决，怎么避免21.React怎么做性能优化22.团队项目如何沟通协作23.意见不一致如何解决，如何达成共识24.如何快速学习新技术25.有没有深入了解框架源码26.临上线发现紧急bug怎么办（无手撕）反问：部门业务 技术栈

1.大文件分片上传的原理，如何分片，断点续传，如何记录上传进度2.useEffect和useLayoutEffect的区别3.vue2和vue3的区别4.响应式如何做的5.选项式api和组合式api的区别6.组合式api有什么缺点7.diff算法原理8.vue和react的diff算法的区别9.vue2和vue3的diff算法的区别10.jwt登录机制11.http请求有哪些12.同源策略是什么13.跨域方法有哪些14.CORS的头部字段是什么15.jsonp原理16.除了script;标签，哪些标签可以跨域17.为什么使用proxy代理服务器可以跨域18.数组浅拷贝的方法有哪些19.闭包的使用场景20.webpack打包优化21.loader选型22.为什么使用jwt23.Object.prototype.a = 10;var obj = {b: 20};Object.defineProperty(obj, 'c', {enumerable: false,value: 30,});for (let k in obj) {console.log(k);}输出是什么var obj {24.对应的this指向问题：普通函数调用箭头函数调用方法调用嵌套普通函数箭头函数调用解构赋值后调用}输出是什么

一面 1.实习项目拷打（很深...感觉有半个多小时）2.多环境部署和容器化下如何管理这种情况下它的环境变量和一些权限？3.dom操作4.API封装的过程是怎样的？5.Script标签属性6.HTML尺寸单位 & rem/em区别7.SSO8.SSR和CSR区别9.Promise.all 和 allsettled，还有 race 这三者的区别是什么？10.不同的权限对应展示不同的模块如何实现？代码：1.数组扁平化2.岛屿数量3.三树之和二面：1.项目2.职业规划3.抗压能力？（看来很累hhhh）4.MBTI？？？（第一次在技术面遇到）5.同源跨域策略？怎么解决？6.数据库设计7.并发请求控制8.服务端组件9.react的fiber机制10.跨端页面适配代码：1.LRU2.手撕：闭包实现计数器