猿辅导前端一二面面经（许愿三面）

2024.10.181.说一下最近的项目以及负责哪些应用模块2.针对项目，通过vuex对支付状态进行管理3.针对实习，音视频兼容性处理4.vue2和vue3的v-model区别5.http和https区别6.http的特点7.Js基本数据类型8.ES6新特性9.Promise的理解10.Promise的缺点11.Promise如何中断12.前端工程化13.为什么选前端14.怎么学前端15.Vue和react区别16.Vue组件通信17.React怎么构建组件18.Pinia和vuex区别19.反问

vue父子组件箭头函数和普通函数区别多个请求并发实现 只要一个呢promise封装cookievue的生命周期css盒模型get和post请求 还有其他的吗本地启动项目调线上接口，用哪种方法跨域sesionsotory和localsotage cookieasync await，用来干什么，和promise比 try catch j和then ?

在一家公司呆了很多年，最近公司快倒了发不出工资了，想跳槽找找新的机会😂😂

1.什么操作会引起回流重绘，如何减少回流重绘2.position：absolute 会引起重绘回流吗？3.数据类型题 重点是！【】==【】 回答错了，不是false是true，具体解释是![]在布尔计算是，【】是truthy值，然后！【】是false，然后在非严格相等是会进行类型转换，【】会先变成‘’，然后‘’变成0，然后就是false==0然后0==0，是true。***学习隐式转换4.输出题 答案是 window string 报错！！！（其实我知道会报错，但是被问题误导了，写出输出就一直以为要输出）5.输出题 答案是0   1   0123细说第二行你们自己理解嘿嘿6.DOM添加移除移动复制创建查找：appendChild removeChild 移动没写出来，我后面一想其实就是移除+添加，cloneNode，createElement ， getElementById7.输出题 考察prototype和__proto__，首先第一个person构造函数的原型要包括方法所以是{sayHello:[function]}第二个是Function，每个函数的__proto__都是指向Function.prototype，第三个是undefined实例对象没有prototype属性 第四个Person.prototype8.Vue3父组件和子组件如何通信？props $emit eventbus vuex9.Vuex 原理 :不知道回答的对不对 我说了store mutation getter actions 然后面试官说我说的是方式系，可能比较好的答案是，Vuex是通过集中式存储来管理每个组件状态然后通过响应式系统和单项数据量进行状态管理10.mutation为啥不可以异步操作 标准答案是单项数据流设计，在action中异步处理提交到mutation进行同步修改state，确保可以看到state的每一步变化，如果mutation也异步的话那么状态更新就不可控了11.ref reactive ref：基本数据类型 reactive：复杂对象 object12.ref .value reactive 用变量.属性13.vue3怎么实现组件懒加载 标准答案是：defineAsyncComponent + import、Suspense 结合懒加载：使用 Vue 3 的 Suspense 组件处理异步组件的加载状态。14.Vue模版编译流程：1.模版解析：模版字符串抽象成AST抽象语法树 2.优化过程标记静态节点和静态根节点 3生成渲染函数renderfunction：描述虚拟dom到真实dom的过程。15.生成抽象语法树的方法：初始化解析器，解析字符流，解析HTML标签，指令属性，插值表达式，生成AST节点16.Vue nexttick的实现（源码）：nexttick是用于dom更新后执行回调的方法，基于js的promise，mutationObserver、setImmediate、setTimeout方法，大概就是说 首先是数据变化，这是同步任务，然后就是dom异步批量更新会放在事件循环的末尾，然后再添加tick事件在微任务末尾，然后降级也是为了tick事件在dom更新后执行。17.协商缓存和强缓存：然后以为挂了，结果进二面了，没看到邮箱~~~~~~~~~~~~~~~~很难受啊~~~~~~~~~~~~哭死，就为了写这面经~~~