《前端一面》专题

经典正式不行，实习可以 全程四十多分钟 电话面试有点吵 ES6 vue2和vue3的区别 diff算法 协商缓存强制缓存 uniapp为什么能多端发布 promise 算法：合并两个有序数组

上来6道代码题，还有sql题 写完已经一个多小时过去了 后面问了一些项目相关的 1. 项目怎么优化的 2. 没去实习过吗？(是的😢) 3. vue3的proxy为什么比vue2的defineProperty性能好？(不要说数组，数组问题众所周知) 4. Vuex和redux的区别 5. 除了简历上的项目，平时还喜欢折腾啥？(弄动画) 6. 前端安全怎么做的？怎么解决XSS和CSRF的攻击？(没太

自我介绍 1. 有实习过吗 2. 怎么学的前端 3. 浏览器渲染 4. url输入到向服务器请求是什么过程，服务器怎么处理的 5. 性能优化 6. webpack如何做到性能优化 7. git常用的指令 8. 在哪里托管的代码，用什么编辑器 9. vscode里用了什么插件，是做什么的 10. JavaScript里有几种变量，包括哪些，在浏览器内存中分别是怎么存储的 11. ES6了解哪些 12

大概面了50分钟 自我介绍完直接提问，节奏有点快，问了不少问题。最后问了意向城市和对远景的了解。

一：项目方面 1. 怎么做i18n国际化的，对于阿拉伯地区呢？ 2. 除了（自己介绍了虚拟列表和 MutationObserver 做列表优化），你还有什么方法呢？ 二：css 方面 1. 重排和重绘，有哪些属性会影响到重排和重绘？怎么优化呢？ 2. 元素隐藏的方法 3. 元素居中方式有几种 4. 讲讲 flex 布局和 grid 布局的差异，应用场景 三：js 方面 1. let const v

自我介绍 ES6新特性 Promise实现原理 setTimeout如何实现这中功能呢（这里没太听懂面试官的意思 vue的响应式原理 vue diff算法 vue2和vue3的异同点 对React的认识 使用过哪些hooks useEffect和useLayoutEffect有什么区别 hooks的规则有哪些？ 为什么要这样写？ 简历中nestjs有项目经验吗？有哪些功能模块功能？ 角色校验模块有

时长：1h，氛围很欢快，和面试官聊的挺融洽的 - 自我介绍 - HTML行块元素 - 盒子模型 - css选择器及优先级（权重） - 隐藏元素的方法以及区别 - JS数据类型 - JS原型 - 原型链（开始吟唱） - 就上一道题提问，问了prototype和_proto_的指向问题（这里他给我挖坑，我回答完他嘴角微微上扬，看来掉进他设的坑里了，他笑着跟我解释，看得出他心情不错） - 原型链的作用是

自我介绍 Vue2用的多还是vue3用的多？（都挺熟 它两的响应式原理？ 详细介绍一下Object.defineProperty这个api http和https 的区别 (只知道https使用了SSL加密更安全 X HTTP缓存 MVVM模式 遍历数组的方法 map和forEach 闭包 浏览器的渲染过程 （只答到渲染树那块 X 路由有几种模式？（history和hash，详细说了一下实现方式 原

时长：50min 部门：效率工程部 1、自我介绍 2、手写几种元素水平垂直居中方法 3、transform相较于margin的好处 4、position定位 5、移动端适配 6、vw、vh、rem、em 7、手写准确判断数据类型方法以及返回的示例 8、上面slice中的参数表示什么 9、其他的类型判断方式与区别 10、手写instanceof 11、JS实现继承方式，手写一个 12、节流防抖的区别

直接逮着你的项目问，准备了好久的八股文都没人问的 自己的项目一定要熟悉啊 感觉还达不到找实习的标准 1.自我介绍 2.你在项目中遇到的困难 (我说的是路由rbac根据不同用户权限) 3.登录模块怎么实现的 我说的是点击登录发送请求获取token然后在localStorage中存储 在企业中token存储再哪里 怎么实现？ 用路由守卫判断是否获取token 4.后端怎么知道你获取token呢 5.线

1.简历写的熟悉vue源码-vue源码从头到尾说了一遍，模板编译，render函数，响应式原理，watcher和dep，patch，diff算法，computed的实现，$set，$nexttick的实现等 2.父子组件传值有哪些 3.xss攻击；你localstorage存了token，csrf怎么解 4.项目经历-rbac权限控制token 手写题 1.实现eventbus。 2.实现一个函数

时长：35 分钟 更新：晚上8点二面 问题： 能实习多久？什么时候能到岗？ 现在是在北京吗？ websocket 心跳机制实现的过程 为什么一定要心跳机制？判断有无断线，在发消息时候看反馈不是也可以吗？ CSS 场景题：有一个容器，其中首行中有a、a、一段文本、c、c五个节点，a和c是固定宽高的div。要求实现这一行中，随着文本宽度增加，当五个节点宽度和=容器的宽度时，文本节点宽度不变，溢出部分省

1. 面试官自我介绍部门项目和技术栈 2. 问了下项目，碰到最难的问题，如何解决的 3. 最近看什么前端的书，书中最印象深刻的内容 4. 手写new 5. 手写instanceof 6. event loop 7. 看async await promise写结果 8. leetcode，三数之和

1、发布订阅者模式设计思想 2、发布订阅者模式和观察者模式区别 3、React hooks的优点 4、React fiber可以做什么 5、typeof 和instanceof区别 6、0.1+0.2为什么不等于0.3，底层逻辑 7、Promise状态更新是什么过程 8、接口调用超时，抛出错误怎么实现，如何用Promise.race实现 9、反转一个单向链表 10、Http缓存机制 11、Etag

时间：11月 已挂 一面 40min 自我介绍 介绍你的一个和前端最相关的项目 SSE是什么 项目里的SSE和websocket你用在哪了 这俩有什么区别 基本数据类型有哪些 看typeof报结果 如何区分一个Object和一个Array 除了你说的instanceof还有什么办法 除了看原型链还有呢 又说了看构造方法 promise.all promise.allSettled promise.