猿辅导-北京-暑期前端实习生一面

bg: 27双非目前我是正在一个成都小厂远程实习中，今天下午面了家成都中厂（大概几千个人那种），面了1.5h，面我的是前端这个团队的组长，每周4天（坐班）先说面的东西吧：1. vue2/3的响应式实现，及vue2响应式实现的缺陷2. history路由和hash路由的区别及history路由可能刷新白页的问题3.学校主修课程和前端有关系吗？平时怎么自学的前端？----聊项目4.Echarts大量数据渲染解决方案。（项目中有要同时渲染好几万个点数据的场景，且每个点还要有特效，各种属性样式要单独计算，所以不能直接用Echarts的large等配置）5. Echarts渲染组件（组件中有比较多的图片），因为Echarts组件中加图片的话，需要把每个图片网络请求发完拿到之后才能渲染组件，这样就有延迟，当时是问我怎么解决的6.网络一次性请求这么多数据，网络上的性能消耗怎么解决的------7.如果现在存在一个系统或者页面 卡顿或操作卡这种，如何去排查问题，在哪些方面进行优化8. mqtt消息订阅（之前的实习中有）---css9. 多种方式实现盒子居中10.css显示文字省略号---js11.js的数据类型有哪些12.typeof可以判断哪些数据类型13.如何判断数组14. 用Array.isArray()以外的方法来判断数组有什么问题15.原型链具体是什么东西16. const obj = {} 的隐式原型是什么17.如何判断js中两个变量、对象相等 (Obeject.is()、===、手写浅比较、递归判断...，问了他要哪种程度的相等)18. 实现深拷贝的方法19.为什么不能用json来实现深拷贝20. 函数可以被json序列化吗---- 代码题21. 手写深拷贝22. 讲一下什么是节流和防抖23. 手写节流 (太紧张没撕出来了)24. 下列代码输出什么（promise + 微队列问题）async function async1() {  console.log("async1 start");  await async2();  console.log("async1 end");}async function async2() {  console.log("async2");}console.log("start");setTimeout(function () {  console.log("setTimeout");}, 0);async1();new Promise(function (resolve) {  console.log("promise1");  resolve();}).then(function () {  console.log("promise2");});console.log("end");--------vue使用相关25.vue的生命周期26.组件挂载和卸载的时候，我们可能做什么事情27.computed和watch的使用场景28.v-for为什么要加key29.vue组件间通信有哪些方式30.跨标签页通信方式-----反问----然后就结束了，当时也基本都答出来了，他说对我挺满意的，然后问了下我的一些要求什么的，最后说这周内告诉我面试情况以及之后去不去之类的，佬们，我的问题是这个有必要去吗，虽然现在还没正式发offer什么的，但是感觉希望挺大的，有必要去吗，虽然待遇、公司规模什么的都比我现在远程实习的这家好，但是每周工作日去上4天班的话，学校这边只能找dk了啊，这学期有些课的老师还挺严的，每节课拿着带人像的花名册那种，dk还是蛮有风险的，有必要去吗，佬们，而且如果去的话，我目前远程实习的这家，才实习了3个星期，感觉也不好写简历上面，而且dk还有风险，佬们，我该怎么搞啊 #实习##该代课出去实习吗##双非实习##27届# #牛客AI配图神器#

概括过去一年跳槽了两次，最近的一年都在面试，失败了很多次，也拿了很多offer，腾讯，字节，虾皮，滴滴都oc，最终人生的第三方份工作选择了腾讯，工作空闲之余，把最近一年的面经整理一下。联系我wx：Chan-FE 可腾讯内推～抖音二面面经介绍项目亮点，负责的模块webpack升级过程做了哪些优化，提升了多少，具体的指标三种哈希的使用区别是什么，为什么css使用contenthashwebpack升级优化过程中踩了什么坑，或者说两个版本差异需要注意的地方除了这些还有别的优化手段嘛，用到的没用到的都可以说一下webpack热更的原理websocket的原理TLS握手的过程对前端安全方面的理解简单请求...

这次专门在一周截止时间前一天面的，超过了邮件48h，链接还能用这次需要手机扫码锁机，有几条血泪教训：① 一知半解没学好的领域，在最初的选择学习过的范围里不要选，因为真的会问，对我这种略懂皮毛的，八股真答不上来，换题也不会② 不要出其他动静，在被八股拷打脚趾抠地时，我下意识边抠手边回答，就是两个手指指甲盖相互磨那种很细微的声音，都被捕获并进行了异常声音识别提示，所以面试老老实实不要出其他动静。③ 记得关浏览器倍速，刚打开ai面试官以2.5倍速说完，什么都没反应过来的我：啊？题目如下：岗位热情度：为什么选前端，怎么学习各种学过的知识选择（确定后续提问方向）八股，每道题可换题，30s思考，5分钟作答：DNS解析过程，DNS prefetch作用？HTTP状态码301 302主要区别，应用场景和对搜索引擎优化的影响？什么是交换机和路由器？工作原理？解释css中自定义属性和预处理器变量，如css或less中的变量的区别，并讨论它们各自的优缺点。请解释CSS中的transform属性的作用，并列举至少3种操作类型。什么是单向数据流，它主要解决什么问题？说说这种开发方式的优点和缺点。什么是vue的全局状态管理为什么需要全局状态管理？有哪些常用的状态管理库？解释虚拟滚动virtual scrolling的实现原理及其性能优化方向。请列举至少3种调整JavaScript执行顺序来避免阻塞页面渲染的方式。项目：描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。在这个项目中，你是如何确保前后端之间的数据传输安全性和完整性的？你是否使用了任何特定的安全措施或协议来保护数据？在处理用户认证和授权方面，你们采取了哪些措施来确保只有授权用户才能访问和操作这些数据呢？场景题：你正在开发一个活动页面，需要提供H5和小程序版本，请描述主要的实现方案以及方案间的差别。怎么封装和复用通用代码。你提到了x种实现方案，包括....，在选择这x种方案时，你会如何评估和决定哪种方案更适合当前的项目需求和团队资源？具体来说，你会考虑哪些因素来做出这个决策？综合素质：描述一次你在学校或实习中遇到一个新问题，并不能依赖已有知识解决。你是如何找到相关资源并学习解决方案的？在你使用这些方法解决问题的过程中，如何评估和验证你找到的解决方案的有效性和可靠性呢？自从投腾讯以来，面了两次ai，捞了三次一面，快碎了，打算面完下次把简历撤了，等沉淀一下再来面经有帮助的话麻烦送朵花~我想兑换牛客的周边#前端面经# #ai面试#

投的全栈，被前端捞了，全程45min，大概率被挂两道算法，力扣#26和#121，追问#122，口述思路让过了全程无八股，全是项目拷打，但是只问了一个项目，可能觉得我的项目没有什么技术深度你在使用vue3响应式开发感受到什么特性和优点在项目开发中遇到的难点巴拉巴拉，前后端对接，接口设计，性能怎么优化。。。感觉面试官觉得我的项目没什么可问的，就匆匆结束了反问需要做出什么提升，要深挖技术栈，代码能力只是基础，在学校的项目也可以多一点技术难点，在面试的时候可以看到你的实力