《前端面经》专题

听说在牛客上分享面经会好运，球球了，孩子坚持不住了，来个公司把我收了吧 又是忘记录音全靠回忆的一次面试 1.项目难点 2.vue2响应式是通过什么实现的？vue2怎么监听深层次对象？（这个不知道哇，说了两个方法我都没听过） 3.为什么UDP不安全，要怎样才能安全 4.用websocket做过项目吗 5.jwt解析出来是什么结构，jwt和session的区别（看过忘了） 6.自证自我评价（又来了又来

流程还是蛮快的，从投简历到一面一个星期时间。 面试官很和善很好，不过只面了半小时，准备了好久的算法也没怎么问。 1.我的react项目，组件这些 2.js问的比较简单，一些基础加es6 3.css 陷入了深深地怀疑，是不是太菜了 #面经# #前端面试[话题]#

第一次面试，有点紧张。 自我介绍 1.html标签有哪些？ 2.行内元素和块元素有哪些，区别在于什么地方，以及他们的宽度有什么决定？ 3.看代码说输出结果 for(var i = 5 ;i>0;i--){ console.log(--i) } 4.去重 [{ date:'2022-1-25', date:'2023-1-25', date:'2022-4-25', date:'2022-1-22'

早上九点半面试，感觉两个人都很困 我发挥的也不好，下次一定不能早上面试了，嗨 1、http2和1的区别，多路复用怎么实现的，是否是有连接的 2、讲一下mvvm 3、数据库优化，索引，与平衡树区别，查找复杂度和插入复杂度 主要是这三个方面，计算机网络、框架和数据库。风格就是不断深入，问到你不会。主打一个学习能力考查。

1.vue2和vue3在使用上的区别？ 2.vue2中响应式的缺点以及解决办法？（data新加属性不是响应式的问题，解决办法$set) 3.说说基本数据类型 4.如何判断数据类型（instanceof&typeof不够，toString来用一下） 5.js继承的理解 6.js原型链继承的缺点以及解决方法（借用构造函数） 7.闭包的原理，使用场景--防抖流 8.来写一个防抖（写太快了，上难度：thi

本地生活组 一面 4.8 1.场景题 实现抽奖系统 大概是实现一个抽奖的类，需求主要有打乱顺序、限定抽奖人数上限、手动实现开始停止功能 2.封装vue按钮组件 主要看简历用的技术栈出的题 3.数组去重求和 AB两个数组，将A数组中在B数组里出现过的去掉，filter一下就行 求和写了个reduce和普通的遍历求和 4.使用浏览器开发者工具调试淘宝主页，把一种颜色全部换为另一种，调试js 确实没用过

记得当时面试官问了操作dom的时候，怎么给一个节点加入他的兄弟节点，我记得是有个api，又问这个api原理是什么，当时答了遍历树结构，找到节点的父节点，然后在父节点children属性里加入这个节点…但是感觉答的不太对的样子。又问不去找父节点，怎么直接加兄弟节点… 以及问了代码懒加载的原理，答的是import+jsonp。又问了js代码块加入到html中的底层实现，答的是创建script标签，js

#美团信息集散地# #如何判断面试是否凉了# 一面 有点凉 43分钟 感觉面试官很懒散，问的东西都很基础，有点像kpi面 刚开始让我自我介绍，然后提到了uniapp，他问我uniapp的一些细节 问到我的项目，解决了什么难点，我说了，结果忘了具体的语句咋写了 然后问我有没有其他的，我提到了封装接口，他问封装接口的好处 又问项目，问和后端怎么沟通，后端都写了啥 问了三次握手的过程 问es6特性，问箭

#我的实习求职记录##软件开发2023笔面经# 4.7 很不友好的一次面试经历。自我介绍完，面试官聊些简历上项目，然后说：“我看你简历上也没什么关于前端的内容”，然后发了2道算法题。 1.查找字符串中第一个出现次数为2的字符的位置，如'abdddbcc'，返回1。 2.求是否为回文字符串，忽略字符串中会出现空格、","和":"，不区分大小写。如'A man, a plan, a canal:Pan

又来复活赛了 这次几乎没有八股，主要再看技术的深度和广度 先问了d3.js和echarts的区别，为什么项目选用d3 d3.js和react对比，数据绑定 react的了解情况 看广度 手写promiseall 事件循环机制和应用 算法 树模糊搜索返回路径 反问：数据可视化建议：antv(2) promise不熟悉，react modx不熟悉 算法 继续加油

记录下一个算法题， A=[1，2，3，4，5，6，7]， B=[1，4，5，6，7，8，9]， 求[ [A独有的元素]，[B独有的元素] ] 。一开始我想构建公共数组比较，但是时间复杂度太大 所以 let setA =new Set（A） let setB =new Set（B）， let resA=[]，resB=[]， A.forEach（val=>｛ if（！setA.has（val））｛

1.介绍项目 2.防抖节流 3.vue3和vue2的区别 4.热加载 5.学习前端的方法之类的 6.手撕：找出字符串中出现次数最多的字母并返回出现次数。 7. es6的module 8. ==和===

主要问项目，甚至问了算法的项目（面试官本科是自动化，所以了解一点） 然后问项目中的具体实现，和一些与项目实现相关的八股 问会不会gpt调试code？ 实习的考量（学到东西，钱） 基本没问啥特别的，比较常规 反问 我能学到啥 公司地址 总结：一共三十多分钟，面试官直接最后问我来不来了哈哈哈，感觉人挺好的，算是有一个小小的着落了

听说写面经运气会变好。 面试官人很好，很温柔的感觉，面了大概40min左右。 1.怎么学习前端的 2.js数据类型，基本类型和引用类型的区别。 3.this指向 4.new操作的过程 5.原型和原型链 6.对象继承 7.apply,bind等作用和区别 8.同步异步，微任务宏任务 9.说一说promise,async await 10.css垂直居中有哪些方法 11.http1.0/2.0的区别

怎么学习的前端？ JS的数据类型有哪些？ 怎么判断数据类型？ 如何理解原型链？ 原型链和ES6的Class有什么关系？底层实现上有什么关联吗？ 如何理解作用域？ 改变作用域的方法？ 代码输出 var foo = 1; function fun(){     if(!foo){         var foo = 10;     }     console.log(foo); } 如果把var改