《前端面经》专题

前端使用vue，后端使用springboot，前后端分离，且已解决跨域，登录采用jwt验证 想实现功能：如果用户通过url栏输入地址方式来访问某个页面（非登录页），对未登录用户自动跳转登录页面 请问拦截器是设置在后端还是设置在前端？另外对于静态页面能拦截吗

好未来8.21 一面 10：15-10：55 项目问题 行内元素与块级元素水平垂直居中 实现3+3+2这种布局 vue2与vue3 defineproperty与proxy 为什么vue2,defineproperty不监听数组下标改变（触发递归，性能问题） 双向绑定原理 webpack做了什么 原型与原型链 typeof 与instanceof区别，instanceof实现 class与func

一面：60min 聊了20分钟项目和实习经历 websocket刷新页面之后如何恢复连接 介绍一下浏览器本地缓存（八股） 如果想给localstorage添加有效时间，有没有什么思路去实现？ http状态码（八股） 怎么解决跨域（八股） 讲一下对JSONP的理解 有用过web worker吗 css position的定位方式（八股） css动画写过吗，写一个从左往右移动的动画 什么时候用OPTI

本人杭州电子科技大学大三本科生 一面 40分钟左右 1.JS的基本数据类型，复杂数据类型和简单数据类型在内存中的区别 2.JS怎么实现深拷贝（答上来一部分） 3.v-model实现原理结合实际说一说（结合实际的部分没有回答好） 4.组件间通信方式 5.元素实现居中（典） 6.三栏布局实现（典中典） 7.vue组件能直接在浏览器中运行吗 8.能写一个vue3中的hook函数吗（完全不会） 9.Vue

时间一个小时 面试官很有耐心，引导回答。 1.自我介绍，讲项目 2.计算机程序执行的原理大概讲一下 3.浏览器渲染原理 4.节流和重绘 怎么解决这个性能问题 5.vue的响应式 6.generator函数 7.多个接口请求的情况 8.宏任务和微任务 9.利用宏任务和微任务做一些性能优化 10.reduce方法

介绍一下项目 为什么项目用localstorage不用cookie 介绍一下知道的浏览器缓存  访问资源的跨域安全问题 介绍一下css盒模型问题 介绍一下css选择器的优先级 介绍一下闭包 原型和原型链 this的指向，看代码说结果 http1.1和http2的区别 有没有考虑页面性能优化问题 有没有了解cdn react和原生js的区别 dom方面有了解吗 手写一个new 手写一个发布订阅模式

一直在聊项目，根据项目出场景题，奈何我太菜，场景题答不出来，但是面试官给出他的理解 1.大文件上传的思路 分片上传 2.上传数据到oss，整个业务流程该是怎么样的 面试官回答：后端处理过程应该是上传数据到oss，然后保存对应的连接或者其他信息到数据库，接下来发一条消息到消息队列告知其他节点这件事情 3.如果上传数据到oss失败了怎么办 我的回答：失败重试一两次，再失败直接返回 4.如果存入数据库失

8.17  投简历 8.24  17:30 约面 hr态度很不好，忍不住发了吐槽帖 8.26  20:00 一面（≈45min） 面试平台：腾讯会议 1、自我介绍 2、聊项目 3、css盒模型 4、js原型 5、能不能建一个没有原型的对象？ （这个没答上来，查了一下是 Object.create(null) 6、看代码，说输出 追问：微任务执行的时机是什么？ 7、给了两段代码，两个function

自我介绍 实习经历 https密钥交换（直接说没背） 实习中遇到的难题（回答说没有） 反转url 实现一个sum，可以多次调用，最后()返回结果 实现bind 分发饼干 http状态码 前端常见的攻击 反问 面试时长：1h多一点 1不小时不到流程终止#字节跳动##抖音##提前批##攒人品#

记录一下以前的面试 1.css 给定宽高，然后要求小盒子左右宽一致。大盒子居中。但是小盒子最后一行要向左对齐（考察知识点：flex 最后一行向左对齐） 2.代码输出题 3.代码输出题 4.代码输出题 最后问了如果在严格模式下面，哪一行代码会报错。//person1.show3()() 5.项目介绍，项目中难点啥的 介绍了我的一些轮子 和项目优化点之类的 6.深拷贝浅拷贝，循环引用怎么处理？ 7.重

上午 11:10 一面 40min 面试官很和蔼，全程像聊天 自我介绍，技术栈 转专业问题 学校中遇到冲突怎么解决 es6 新特性有哪些（此处说一个面试官就会引导着更深入地聊一聊底层原理） let、const 的暂时性死区本质上是什么，为什么 var 会存在暂时性死去（解释性语言、创建&定义&复制） symbol 能够唯一的本质是什么（存储的地址唯一） 数组有哪些遍历的新方法（这里被质疑了一下是否

攒好运！ 度小满一面 1.实习相关 2.快速排序 3.vue2和vue3的响应式实现 4.响应式布局 5.项目问题 6.项目创建 7.ts 二面 1.登录流程 2.除了存在localstorage 3.tcp和udp的区别 4.流基于哪个 5.Nat 6.websocket协议 7.协程 8.进程线程协程的同步异步 9.虚拟内存 10.算法：约瑟夫环

9.8 笔试 选择+编程 选择难度一般，正常的基础知识考查，编程偏实践，监听绑定（三道但是忘了俩是啥了） ps：平时太依赖补全提示了，一下子没了补全真的白给，所有说单词还是要背滴 9.15 一面 可能是我说自己项目经历少，所以面试官问的偏基础（数据结构，计网 ） 1. es6新特性，（面试官让我主动枚举，我实在举不出多少来，都一气用了，那些方法啥的都习以为常了，哪里想的起来） 2. let，var

一面 9.16 1 自我介绍 2 问了一下实习和项目 就只是简单说一下那种 3 写2题 数组转树和排序 4 js基础 数据类型和事件循环执行顺序 5 设计模式 6 diff算法 7 flex布局 和 gird的区别 flex高度默认缩发比例 8 问看过开源吗 很久没准备面试了答得基本很差...写题也没完全写出来 更新： 9.28收到二面通知 9.30二面 40min 这次上来直接没自我介绍开始说项

1、问我学了哪些语言 2、java和js的区别，继承、重载、多态、作用域 3、js怎么实现java中的private效果 4、问的挺多项目有关的细节 5、一道口述算法题，比较简单 6、记不清了 二面 1、还学过哪些前端框架，angular 学过吗 2、vue跟react最大的区别是什么 3、vue2跟vue3最大的区别是什么 4、https和http的区别（这里没答好） 5、hr：为啥要到北京、成