一年前端的面试分享

• 组件库是自己从 0 开始搭的吗，说说有哪些特点

• 如何实现组件库按需加载

• 讲讲 http2.0

• 讲讲 react fiber 节点

三面

三面是技术负责人，不过从问题来看是不懂技术的

• 说说你的优点与缺点

• 公司加班情况

• 期待薪资

总体来说三面体验并不是很好，由于事先不打算再去教育公司的打算，所以我同样要的很高，要了 17-18K,结果可想而知，不过第二天同样去面过编程猫的朋友收到了 offer(之前被卡 offer 卡的很久)

裸辞准备阶段

---

面了大概两三家公司后，就差不多自己那些知识点不足，虽然是0offer 状态，但是面的公司都过了技术面，所以当时觉得问题不大，然后自己计划花一个月时间准备复习，所以自己就正式开启了裸辞阶段

复习计划

复习签到

其实自己并不是很努力的复习，反正生物钟是乱了，白天睡到 2 点，晚上复习到四点，想纠正过来很难，而且自己中途有去追剧和看小说，追了琅琊榜和斗罗大陆,??? 过后非常愧疚

复习笔记

CSS 思维导图笔记

Javascript 思维导图笔记

ECM+

…嗯嗯,就不一一列举了，需要笔记的同学可以找我私聊

裸辞阶段有趣的事情

---

裸辞阶段里，值得提起的是自己帮助了三位哥们拿到满意的 offer，因为自己 19 年上半年的时候当过一段时间的面试官，所以知道一些面试套路,可能是知道自己在准备面试，就过来询问我了，后面我把我面试过的公司推荐了给他们，因为有加了他们的 HR，所以直接找HR内推了，所以恭喜他们找到了满意的工作

…嗯嗯，其实自己时间不够，??? 了，不过帮他们模拟面试的那段时间自己处于追剧看小说阶段，所以都是浪费，就乐于助人了哈哈哈

开启新一轮面试

---

裸辞时候，我微信很少上，朋友圈也关闭了，群里的好几个同学倒是每天都来提醒我面的如何，哭了，无形之中给自己增加了压力，所以我并没有全部准备好，数据结构和算法才刚开始刷，但是自己觉得先去试试吧，然后再面的过程中继续复习

涂鸦智能

涂鸦智能的 HR 安排的岗位是门槛是三年起步的高级开发岗位，??? 当时也没有底，就去试试了，然后顺便面基了在涂鸦工作的同事

一面

自我介绍还是介绍自己熟悉 vue，但是还是 ??? 问了下 react 问题，所以 2020 掌握 react 确实是必须的

• 讲讲 react 生命周期

• 讲讲 ts 中 type 和 interface 的区别

• 说说 http

• 说说 vue 双向绑定

• diff 算法

• 虚拟 dom

• http 缓存

• 讲讲 http2.0

• 说说状态逻辑复用问题

• 介绍下项目的亮点

• 介绍下 es6 新增了哪些特性

• Reflect 的用途？

• 域名切片

• 为什么 vue 或者 react 要求 key 值唯一

二面

二面是杭州那边的面试官视频面的，问了 15 分钟左右，是最快的一次面试

• 平时怎么学习的

• MVVM 实现

• data 里面为什么是函数

• UDP TCP 区别

• vuex 应用场景

• 说说 XSS 攻击

• 说说 vue 的模板编译

• 说说你项目的亮点

• new 原理实现

• 状态码 403 404 503 304 说说

• diff 算法

• 虚拟 dom

• 说说事件循环

• react16 的重大更新

• 为什么废除三个 react 生命周期的 api

• 讲讲 fiber

• 浏览器缓存

• nextTick 原理

• 说说你的 vuex 持久化插件

三面

• 住在哪里，哪里人，到公司多久？

• 有了解涂鸦智能吗？

• 期待薪资

• 平时如何学习

• 什么时候可以入职？

总结

涂鸦的面试很快，自己也认识很多在涂鸦工作的朋友，也跟他们聊了挺久，顺便蹭了杯奶茶哈哈哈，也拿到了 offer

360 金融

群里的一位老哥找到了我，可能以为我三年起步了，内推我去 360 金融试试，后来沟通中知道我是一年的，当时还是推了我的简历过去试试了，当时心里想的是，过去试试吧，当炮灰也行哈哈哈 ???

一面

一面是笔试题

• 内联元素与块级元素

• 数组 api 介绍

• dom 操作有哪些 api

• 数组去重有哪几种方式

• 变量提升问题

• 柯里化问题

• 数字转金额的问题

• 手写防抖和节流

• 判断变量的几种方式，有哪些不同

• 动态规划算法题

二面

二面就一面写的题目来问

• 什么是暂时性死区？

• 块级作用域和函数作用域

• call bind new 实现原理

• vue 双向绑定原理

• LRU 算法

• http2.0 的有哪些内容

• http 缓存

• rem vw 区别

• 移动 1px 问题

• 函数柯里化

• diff 算法

• 虚拟 dom

• nextTick 原理

• 事件循环

• 闭包

• 如何解决移动端 click300ms 延迟？

• vue 有哪些全局组件

• 移动端如何完成拖拽功能？

• 防抖和节流的区别

• 一道逻辑题：有 5L 的桶和 3L 的桶，如何拿到 4L 的水

三面

• 防抖和节流的使用场景，举例说明

• 居中的几种方案

• 事件循环

• 移动 1px

• setTimeout 与 rAF

• flex:1

• 介绍下你写的库

• 发布订阅和观察者的区别

• 单例模式

• 发布订阅和观察者的区别

• JSONP 实现原理

• 移动端点击延迟怎么处理

• git flow 工作流介绍

• 两道场景题-问的很深，很久

• 怎么做性能优化

• 性能监控如何做

• 跨域解决方案

• 简单请求和复杂请求

• 多路复用

四面

• 经过前面三轮，感觉如何？

• git flow 工作流介绍

• 团队规模

• 如何进行 code review

• 平时怎么学习

… 四面问的不多，都是聊技术外的话题

五面

• 职位规划？

• 有什么要问的吗

• 什么时候可以入职

• 有其它的 offer 吗？

总结

从 2 点一直面到 6 点，??? 脑袋都懵逼了，每道题都问的挺深入的，给面试官的专业点赞,面试体验也不错，后面就拿到了 360 金融的 offer了，自己有点不敢相信，毕竟当时面的岗位门槛是3-5年的，也是有足够的运气

字节跳动

---

本来自己面了两家后就不想再继续面试了，因为面完涂鸦后，自己喉咙发炎了，然后发了烧，然后面试字节的时候状态很差

一面

• 组件库相关问题

• 项目自己搭的？如何支持 treeshaking

• 如何做版本号管理

• less 样式如何做按需加载

• webpack 项目如何优化

• ts 泛型

• 怎么通过实例拿到构造函数

• extend 原理

• Object.create 原理

总结

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！