《前端工程师面经》专题

一面： PO模式有没有了解，讲一下 了解项目 讲一下浏览器请求域名到看到页面的过程 TCP为什么需要3次握手 说一下常用的Linux命令 HTTP和HTTPS的区别 sql题：筛选出高于平均分的学生姓名，分数 智力题：在一天内，时针和分针重合的次数 coding：数组中出现频率第k的元素 二面： 问UI自动化 为什么选择测试 发红包功能测试用例 网络打开慢有什么原因 讲一下DNS过程 智力题：8个

自我介绍，项目 然后基本就是闲聊了，挺关心实习的，感觉像是hr面。 问了裁员问题，业务问题 基本就30分钟#校招#

1.概况 10.19收到了携程约面的通知于是就约到了今天下午的3：20，面试时长48min，面试官很友好，二面是部门交叉面，面试体验还行。 2.面经 面试官自我介绍（面试官特别的友好） 自我介绍 水平垂直居中的方式（常经典八股） cookie和localstoraged的区别 怎样保证cookie的安全 技术栈 兄弟组件通信的方式 暑期实习(单元测试回答不好) 最近的一些项目（SEO优化问题表述不

这回面携程，感觉携程主要是考察基础知识！     应该有发7道还是8道基础题，比如查找【0，10】中数组缺失的一个数字，仅能使用一次循环，（用sort也算一次）；或者是判断数组B是否包含数组A；或者是反转字符串等：给定a字符串，再调用a.b()方法获取a的反转字符串；或者是数组扁平化等等，类似这些题。      后续做完题，问了下常见的八股题，关于图片的压缩啥的，webp格式等。     反问环节

自我介绍 Vue响应式原理 Vue的基本工作流程：数据代理，数据监测->模板编译->AST抽象语法树->h函数->虚拟DOM->Diff算法让虚拟节点上树 Vuex的基本流程和原理：actions->mutations->state,mutations和actions的区别 webpack compiler对象和compilation对象区别 webpack plugin的执行顺序，compile

全程45m分钟 1.自我介绍 2.http和https和http2.0之间的区别？ 3.浏览器的开发者工具怎么使用？ 4.用过的VSCODE比较好的插件有哪些？ 5.js如何实现深拷贝？ 6.setTimeout(fun,0)的执行时机？ 7.什么是宏任务什么是微任务？ 8.不考虑浏览器兼容问题，如何实现文本垂直居中？ 9.在css中控制元素显示和隐藏性能比较好的方式有什么？ 10.解释一下BFC

项目介绍 h5新特性 语义化标签、meta标签 bfc 边距折叠、三种情况 三列均等分布局 相对和绝对定位区别 移动端适配、device-width typeof instacneof区别 深拷贝和浅拷贝 首屏优化 onload/onready区别 defer和async

1.如何学习前端 2.组件间如何传值（答的是子向父 父向子 兄弟 面试官意思是用vuex全局共享 3.了不了解mixin 如何理解mixin （mixin不是用来做数据共享的 是用来做公共部分的抽离 数据都是隔离的 4.除了vuex外 还有什么方法来实现组件传值 5.Axios如何使用的？有封装吗？遇到了什么问题？解决了哪些业务上的使用场景？ 6.前置路由守卫 后置路由守卫的使用场景 7.出现el

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

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

1、前端安全方面有什么了解 2、web攻击 3、内存泄漏 4、对跨域了解 5、怎么解决跨域问题 6、JS操作Dom的方法 7、怎么操作所有子孙节点 8、手写promise，实现readfile 然后问了一些个人相关的东西，没问项目。

flex,css相关 项目提问 实习工作内容 react封装过什么组件 低代码做了什么 数组的方法 es6 异步方式 闭包 内存泄漏 垃圾回收 localStorage、sessionStorage、cookie 原型链 webpack工程化 项目优化相关 提前实习愿意不 反问：公司主要Vue项目 面试反馈：说我知道挺多的，也问我愿不愿意来实习，说下周hr联系我 总结：面试完快两个月了，岗位下架了

面试官真的很不错，有在交流的感觉，收获还是很大的，分享出来共同进步。 记一下能记住的，全程大概45分钟 * 你对虚拟dom是怎么理解的 * 服务端渲染和客户端渲染 改变this指向的方法 *看输出，面试官给我讲解了 class Parent { getName (){ console.log(`Parent:${this.name}`); } } class Child ext

vue的编译与渲染。答了运行时编译、AST和vnode，还有响应式。 vue3和vue2响应式区别。object.defineproperty和proxy。 追问defineproperty应用场景。答最近比较火的那个a==1&&a==2。 问都能挂哪些类型。我上来就说了个基础类型，然后就意识到不对说可以用对象或window去挂，面试官都笑了 promise。答异步，状态什么的。 追问了await

45分钟面试，全程问项目。 1.自我介绍 2.项目经历，问了jsonwebtoken原理（面试官和我一起搜了篇文章，我也没答到面试官的点上 很伤），业务逻辑和接口逻辑还是讲清楚了的。 3.反问 .....我怎么可以这么菜....#我的失利项目复盘#