1 聊天2 动画3 vue 2、3区别4 ref、reactive 实现原理5 web安全6 浏览器存储7 webpack8 设计模式9 interface & type#面经#

一面1 项目相关2 splice map3 script的async & defer4 消息队列5 代码输出题二面1 项目相关2 interface & type3 手写 stringify

1 css盒子2 rem em3 js 基本数据类型4 call bind apply5 js 继承6 get post7 web 安全8 vue2、3区别9 虚拟dom10 学习方式#面经#

一面1 如何理解前后端分离2 同源策略3 懒加载4 git5 css 优先级6 rem vw7 http 状态码8 js 事件循环9 promise10 手写 promise.all二面1 v-directives2 浏览器存储3 跨域4 动画二面相比一面问得比较深。#贝壳#

感想：面试官人很 nice，通过这场面试学习了很多。ps： 广州真是大学生泛滥，120/天的实习投的人挤破头。好不容易才有欢聚的面试机会。自认为答得还可以，面试官的评价是看得出来我认真复习过，最后还是被排序挂了。问题：git 指令在本地做了修改但是还没提交，又想从远程仓库拉取更新怎么办？Git pull 出现合并冲突怎么办？HTTP缓存（强缓存和协商缓存）CA证书是什么flex：1代表什么，是谁的缩写（flex-grow:1;flex-shrink:1;flex-auto:0）position(只说了relative、absolute、fixed、static(没布局)，他补充了sticky)基本类型、引用类型，使用上的区别（我回答了赋值方面的，他提出了内存位置堆栈方面的，基本类型放在栈，引用类型在栈中保存的是引用，实际数据是保存在堆中，但是在实际应用中，有些引用类型也会出现在堆中）PromiseEvent loopvue2和vue3，两者对数组响应式的处理TS 的泛型Webpack跨域，跨域header中的字段名字 access-control-allow-cross-region首屏计算的方式CDN如果崩了会影响应用，所以不是完全好前端安全，XSS攻击，CSRF攻击，cookie怎么防止被别人获取，cookie有什么属性场景题，一次性发送40个请求，怎么优化？（这道题考察请求的并发控制，可以websocket长连接、间隔时间请求等）

一面， 70mins，面试官人很 nice，循循善诱。手撕代码没想到答案他也耐心地引导我，赞。对WebGL的了解canvas有没有遇到上传的图像太大的问题？怎么把图像画到canvas上vue2和vue3的区别For of 和 for in的区别、使用场景（for of不能遍历obj！obj没有迭代属性）For in能不能用在数组上？（可以，返回的是index）http常见状态码，304强缓存、协商缓存cache-control的no-store和no-cache在第二次请求时有什么区别HTTP 1.0/1.1/2 的区别手写股票，只买卖一次、可买卖多次Event loop代码输出题反问：对实习生的期望：逻辑&潜力&靠谱的队友二面，30mins1. 问项目细节2. vue-router是怎么路由跳转的3. 手撕：输出数组第二大的值

1. 如何判断变量类型2. call、apply、bind区别3. let、var区别4. 暂时性死区是什么5. JS 的传递机制，哪些是从上到下，哪些是从下到上，停止过冒泡排序吗？6. 闭包7. 擅长什么？不擅长什么？（JS/TS/CSS/Vue/React）8. TS的泛型是什么？怎么用？谁能用？（函数、类、数组？）9. TS的interface是什么，怎么用？谁能用？（函数、类、数组？）10. TS的 ! 和 as 的区别11. Type 和 interface 的区别12. vue2和vue3有什么区别13. 认识 suspense 吗？有什么用？优势在哪？14. 怎么优化首屏加载速度？15. 为什么不推荐for of，要用object.keys替代16. 数组扁平化

1. 前端学习路径2. fixed和absolute3. 黏性布局可以怎么做，自己怎么实现4. rem的换算问题，没有遇到这个麻烦吗5. node.js ，以为我做了后端，实际是用来做 ai模型的导入6. URL -> 渲染7. 重排重绘。脱离文档流的元素尺寸改变会导致DOM的重排吗？8. promise

全程 1h。问题：项目难点给定一个盒子，如何实现子盒子水平垂直都居中绝对定位Vue2 和 Vue3 响应式的不同写过组件吗浏览器强缓存、协商缓存cookie、storage、indexDB 的区别URL->页面呈现过程动画：物体从左到右、从快到慢、移动 200px 怎么用css实现手写：大数相加

共 30mins，无手撕。问题：项目难点elementPlus改样式JS 基本数据类型ES6 新特性This立即执行函数