《web前端面试题》专题

1.HTML5新增了哪些标签 答媒体标签，语义化标签 2.具体有哪些语义化标签 3.手写css布局 4.有哪些方法可以是元素消失 5.v-show和你v-if区别 6.说说浏览器缓存 7.说说浏览器有哪些存储数据的方法 8.cookie是怎么存储数据的 9.说说盒子模型 10.css实现动画效果的方法 11.两个盒子垂直排列，上盒子margin-bottom： 10px，下盒子margin-top

直接30分钟手写题，手写stringfy方法（没写出来，只说了思路，给我汗都写出来了） 代码里使用了instanceof，问几种判断数据类型方法 代码里使用递归，问递归如何获取上一轮的输出 总结就是代码一塌糊涂 问项目，发现有算法的项目，问为什么做算法开发（实验室胁迫的） 说说前端项目做了哪些工作？ 说到了前端页面，还有手机验证码登录（说到当时的方案有安全隐患，问是你发现的吗？答：可以是） 问项目

三十多分钟，我有一点紧张 自我介绍 八股 浏览器本地存储方式 常用设计模式，好几个 https和http区别，SSL四次握手 JS闭包详细 Vue3和Vue2区别 有没有掌握其他语言 项目 介绍简历上的项目 -怎么沟通后端同学，协作遇到问题 代码 手撕小括号匹配，栈解决 反问 可能分到安卓或iOS方向能不能接受 #面经# #途虎面试#

基本信息 时间：2023.10.10 时长：49 min base：羊城 面试岗位：前端 秋招 问题 自我介绍 我看到你做过axios，主要是什么视角，什么维度去看？有啥值得学习的地方？ 你做的事情实在axios二次封装，有没有去剖析过axios内部的设计模式，它为什么好？拦截器怎么实现的？ 你刚刚提到get，post做参数的拼接，如果是param填写会自动拼接好，为啥要去干预呢？ 你刚刚提到

1.讲一下前端项目的难点 2.webpack和vite的区别 3.动态引入利用了什么原理 4.怎么实现的取消请求，除了cancel还有什么方式 5.怎么拦截内容从网络角度 6.中断拒绝的标志位 7.webpack的构建过程 8.loader和plugin的区别 9.性能检测怎么做的 10.做一道简单的算法题

自我介绍 挑一个ks实习的项目讲一讲 你具体负责了什么 你简单的总结一下 你觉得你做的比较好的 你近期的一个目标 给一个具体的优化目标，比如说减少了多少时间 挑一个问题讲一讲 遇到这个问题 是怎么解决的 比如说你这个pc端跟移动端可以同一套代码吗 怎么做 如果做成跨平台 多端适配 这个能不能做 做这个可能会遇到什么问题 你了解的 React 原理对你实际写代码提供了哪些帮助 diff 使用 key

基本信息 时间：2023.9.23 时长：40 min base：帝都 面试岗位：前端 秋招 问题 自我介绍 平时你写过拓扑图吗？怎么实现的？ 你的项目的权限管理是如何实现的？ 项目中遇到了什么难点，如何解决的？ 你们刷新是整体刷新吗？ 用的vue吗？ JS基本数据类型？ symbol的使用场景？ ES6，const，var，let区别 const a = {};a.b='zhangsan';

基本信息 时间：2023.9.21 时长：30 min base：魔都 面试岗位：前端 秋招 问题 自我介绍 实习base？ 这个单点登录是如何做的？ 为什么要做单点登录，怎么做的？ 你知道单点登录的逻辑吗？ 没有单点登录的话，他们之前怎么登录的？ 单点登录过去，其他接口是怎么鉴权的？ 登录完成的登录态是如何保存的？ 登录态是存cookie还是localstorage？ get请求中放to

部门是业务平台，二面挂，面了有一个多月了，现在一起发，顺便再补个飞书的一面(过了)

晚上七点，不开摄像头，半小时 自我介绍加5分钟左右项目 1，post特性展开说；为什么要有put，delete等其他，明明post可以实现所有，是否可以给get添加请求体 2、动态规划的应用场景， 3、最稳定的排序算法有哪些（先知道什么是最稳定） 4、display值和含义，相互区别 5、可以和不可以继承的css属性有哪些 6、移动端和pc端开发的区别 7、viewport的作用 8、loader

HTML H5更新了哪些 废弃了哪些标签 语义化标签有哪些 doctype的作用 行内元素、块级元素有哪些 CSS 元素脱离文档流的原因 伪元素和伪类的区别 盒模型的理解 JS 数据类型 判断一个对象是否为空的方式 不同情况下this的指向 call和apply的区别 new一个函数会发生什么 对原型与原型链的理解 对象继承的方式 垃圾回收机制 Vue data为什么是一个函数而不是一个对象 路由

一面 2023-10-19（30分钟） 项目介绍 项目中用到路由守卫了吗？ pagination组件是怎么封装的？ axios封装中，对请求超时怎么处理？ 布局的时候为什么用translate来改变位置，而不用position呢？ 重绘和重排？ H5的离线储存工作原理？ H5的存储有哪些？ 跨越如何把Cookie传给服务器？ 如何使用数组的排序对版本号进行排序？ 引起this指向混乱的原因有哪些？

1.自我介绍 2.说说css吧，权重计算，会不会进位 3.常见布局定位 4.原型链 5.闭包 6.在vue2中，method中的函数用箭头函数可以吗，为啥 7.最长回文子串 8.反问 面试官人很好，原型链那一块不太记得，一直引导我，闭包是结合vue源码问的，我没看过vue源码，面试官就手写抽离出来引导我，最后告诉我为什么会是那样，最后给建议也很好，虽然是寄了，但确实是收获满满的一次

时间：10.20 下午15.45 体验总结：面试官是女孩子，放松了很多，但是放松过头了，很多问题不会的同时也没处理好，脑子没转过弯来。。。还是太菜了，毕竟是第一次技术面，面完以后精神状态都差了，很焦虑。。。 具体题目（记录了90%，感觉有些没想起来）： 1.自我介绍 2.项目难点亮点 3.pc端和移动端的区别？哪个难？❌ 4.http和https的区别？ssl加密有了解过吗？❌ 5.事件循环？是一

面试官上来就掏出一份卷子，给我都整蒙了 if(!___) 哪些值可以返回true 类型转换原则 localstorage和cookie区别 判断类型 看正则选符合条件的 看代码讲输出 https通过什么实现安全访问，跟http的区别 http1.0和2.0区别 输入url到渲染的过程 强缓存和协商缓存 leetcode 187 前端优化 js文件和css文件放在哪比较好