靠着这份280页的前端面试指南，拿下了字节跳动offer

笔者是在今年春招面试的头条教育线，顺利拿到了offer，把还记得的东西写下来，供大家参考一下。

一面

• tcp 和 udp 的区别和使用场景？
• quic 基于 udp 怎么保证可靠性？
• 讲一下同源策略和跨域方案？CORS 的几个头部是什么？
• 讲一下 react fiber？
• vue 双向绑定原理？
• redux 和 mobx 的区别和使用场景？
• typeof null？null instanceof Object？
• typeof 可以判断哪些类型？instanceof 做了什么？
• 实现一个 bind 函数
• 求数组里面最大连续项的和
• event loop

二面

• 怎么优化 h5 的加载速度？
• 离线包怎么更新？怎么知道需要打开哪个离线包？
• js bridge 通信原理？
• 怎么实现 h5 页面秒开？
• 明明不是同一个语言，为什么 js 和 native 可以通信？
• 怎么实现 js bridge 跨多个 app 共用？
• grpc 相比 http 的优势？
• rpc 的调用流程？前端怎么调用 grpc 的？
• 为什么要用 grpc？
• 服务发现为什么用 ip，而不用域名？
• 怎么做 DNS 预解析？
• 怎么实现移动端的布局？
• iOS 下软键盘输入框遮挡遇到过问题么？怎么解决顶不起来的问题？
• 实现两个大数相加
• 求一个数组最大子项的和，要求这些子项在数组中的位置不是连续的
• 常用的 react hooks 方法
• useState 怎么做缓存的？
• react fiber 是什么？
• 怎么解决 useState 闭包的问题？
• useReducer 比 redux 好在哪里？

三面

• 做过哪些公共组件？DatePicker 怎么实现的？难点在哪里？
• 组件封装有哪些原则？
• 组件数据和 UI 怎么分离？
• 有没有做过一些提高工作效率的东西？
• 有没有了解过拖拽？觉得它有哪些难点？
• 有没有做过优化相关的？webpack 做了哪些优化？
• cache-loader 和 hard-source-webpack-plugin 的区别是什么？
• 最近遇到的比较难的项目是什么？你们服务是怎么部署的？
• Puppeteer 可以用来做什么？

刷过的题目

下面是我花了将近一个月的时间整理的一份面试题库。这些面试题，包括我本人自己去面试遇到的，还有在面试之前刷过的题目，我都统一的整理了一下，希望对大家有用。

HTML&CSS

• 你是怎么理解HTML语义化
• 你用过哪些HTML5标签
• metaviewport是做什么用的，怎么写？
• label标签的作用
• 行内元素有哪些？块级元素有哪些？空(void)元素有那些？
• a标签中如何禁用href跳转页面或定位链接
• canvas在标签上设置宽高和在style中设置宽高有什么区别
• 介绍一下CSS的盒子模型
• CSS选择符有哪些？
• CSS3新增伪类有哪些
• 什么是cssHACK？
• Less/Sass/Scss的区别
• 请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？
• …

JavaScript

• 请解释什么是事件委托/事件代理
• Javascript如何实现继承？
• 函数执行改变this
• babel编译原理
• 函数柯里化
• 说一下类的创建和继承
• 说说前端中的事件流
• 如何让事件先冒泡后捕获
• 说一下图片的懒加载和预加载
• js的new操作符做了哪些事情
• 改变函数内部this指针的指向函数（bind，apply，call的区别）
• Ajax解决浏览器缓存问题
• …

VUE

• vue.js的两个核心是什么？
• vue的双向绑定的原理是什么?
• vue生命周期钩子函数有哪些？
• 请问v-if和v-show有什么区别？
• vue常用的修饰符
• 什么是vue生命周期
• 数据响应(数据劫持）
• virtualdom原理实现
• Proxy相比于defineProperty的优势
• vue中key值的作用
• …

数据结构与算法

• 哈希
• ⼆叉树
• 链表
• 数组
• 排序
• 堆与栈
• ⾼级算法
• 动态规划

想学习前端web和需要PDF文档的朋友都可以加入这边的交流裙，前面：938，，中间：051，，最后：673，裙里从学生到大佬都有，资源免费分享，不见不散哦！