# [前端工程师面试宝典](https://fecommunity.github.io/front-end-interview/index.html)

> 前端面试宝典，收集于全网最新、最全面的面试资料，帮助各位求职面试者斩获理想Offer。

本书整理了前端工程师在求职面试过程中的前端知识和面经资料，希望各位网友们在学习交流过程中也可以不断丰富完善本书。


## 本书结构
本书一共分为八大部分。
### 第一部分：[前端知识体系](https://fecommunity.github.io/front-end-interview/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB/HTML%E7%9B%B8%E5%85%B3/1.HTML%E5%9F%BA%E7%A1%80%E5%BC%BA%E5%8C%96.html)
本章从HTML、CSS、JavaScript、流向框架、Nodejs、性能优化、前端工程化、错误监控、Web安全共九个方面概括总结了前端面试中的主要知识点，帮助读者快速构建前端知识体系。
### 第二部分：[计算机网络](https://fecommunity.github.io/front-end-interview/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.TCP.html)
介绍了面试中涉及到的13大常考知识点，涉及到OSI七层参考模型中各层的功能和传输细节，以及跨域和缓存等前端常考知识点。
### 第三部分：[操作系统](https://fecommunity.github.io/front-end-interview/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86.html)
简单概括了操作系统的知识体系，并总结了面试中常考的8大考点。
### 第四部分：[数据结构与算法](https://fecommunity.github.io/front-end-interview/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/1.%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.html)
该章节内容细节待完善，简单介绍了数据结构和算法设计中的常考知识点。
### 第五部分：[开发环境](https://fecommunity.github.io/front-end-interview/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83/1.Git%E7%9B%B8%E5%85%B3.html)
主要介绍了前端工程师在开发环境中需要掌握的Linux基础命令和Git的基本操作，提高开发效率。
### 第六部分：[编程题与分析题](https://fecommunity.github.io/front-end-interview/%E7%BC%96%E7%A8%8B%E9%A2%98%E4%B8%8E%E5%88%86%E6%9E%90%E9%A2%98/1.%E7%BB%A7%E6%89%BF%E7%9A%84%E5%A4%9A%E7%A7%8D%E5%AE%9E%E7%8E%B0%E6%96%B9%E5%BC%8F.html)
整理了前端面试中常考的27个经典面试题，涉及到原型链和继承、作用域和闭包、异步和单线程、ES6高级知识和一些简单的算法设计实现等考点。
### 第七部分：[面经系列](https://fecommunity.github.io/front-end-interview/%E9%9D%A2%E7%BB%8F%E7%B3%BB%E5%88%97/0.%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7.html)
目前收集整理了前端工程师在BAT等一线互联网公司的技术面试题，后续读者们可以不断更新完善该章节。
### 第八部分：[结束](https://fecommunity.github.io/front-end-interview/%E6%80%BB%E7%BB%93/1.%E5%89%8D%E7%AB%AF%E6%80%BB%E7%BB%93.html)
由于时间和精力有限，本书很难面面俱到。如果大家在使用本书的过程中有什么问题或建议，欢迎到[GitHub前端社区issue区](https://github.com/fecommunity/front-end-interview/issues "前端社区")讨论，后续将不断完善本书内容。
 
## 目标读者
本书主要面向初中高级前端开发方向的求职者，希望本书能助你一臂之力，祝各位早日成功，未来可期。  

## 最后
**欢迎star** :star:,  欢迎补充和完善。



<p align="center">
<a href="https://fecommunity.github.io/front-end-interview/index.html" target="_blank">
	<img src="https://fecommunity.github.io/front-end-interview/gitbook/gitbook-plugin-theme-fexa/logo.png" width=""/>
</a>
</p>

<p align="center">
  <a href="https://fecommunity.github.io/front-end-interview/"><img src="https://img.shields.io/badge/阅读-read-brightgreen.svg" alt="阅读"></a>
  <a href="https://shang.qq.com/wpa/qunwpa?idkey=256c9ab161f115b71e8bec5acbcaa4837eeca4029048f5490ede49dee0495990"><img src="https://img.shields.io/badge/chat-QQ群-blue.svg" alt="QQ群"></a>
  <a href="https://github.com/fecommunity/front-end-interview/issues"><img src="https://img.shields.io/badge/support-讨论-critical.svg" alt="投稿"></a>
  <a href="https://fecommunity.github.io/front-end-interview/%E9%9D%A2%E7%BB%8F%E7%B3%BB%E5%88%97/0.%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7.html"><img src="https://img.shields.io/badge/前端-面经系列-important" alt="投稿"></a>
</p>


推荐使用 https://fecommunity.github.io/front-end-interview/index.html 在线阅读，在线阅读内容与本仓库同步一致。这种方式阅读的优势在于：有侧边栏阅读体验更好，GitHub pages 的访问速度相对来说也比较快。

### 注：如遇在线访问当前仓库速度太慢，可尝试访问加速备用链接[点击进入](https://www.52tech.tech/docs/)


【front-end-interview】md

[前端工程师面试宝典](https://fecommunity.github.io/front-end-interview/index.html)

第一部分：[前端知识体系](https://fecommunity.github.io/front-end-interview/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB/HTML%E7%9B%B8%E5%85%B3/1.HTML%E5%9F%BA%E7%A1%80%E5%BC%BA%E5%8C%96.html)

第二部分：[计算机网络](https://fecommunity.github.io/front-end-interview/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.TCP.html)

第三部分：[操作系统](https://fecommunity.github.io/front-end-interview/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86.html)

第四部分：[数据结构与算法](https://fecommunity.github.io/front-end-interview/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/1.%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.html)

第五部分：[开发环境](https://fecommunity.github.io/front-end-interview/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83/1.Git%E7%9B%B8%E5%85%B3.html)

第六部分：[编程题与分析题](https://fecommunity.github.io/front-end-interview/%E7%BC%96%E7%A8%8B%E9%A2%98%E4%B8%8E%E5%88%86%E6%9E%90%E9%A2%98/1.%E7%BB%A7%E6%89%BF%E7%9A%84%E5%A4%9A%E7%A7%8D%E5%AE%9E%E7%8E%B0%E6%96%B9%E5%BC%8F.html)

第七部分：[面经系列](https://fecommunity.github.io/front-end-interview/%E9%9D%A2%E7%BB%8F%E7%B3%BB%E5%88%97/0.%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7.html)

第八部分：[结束](https://fecommunity.github.io/front-end-interview/%E6%80%BB%E7%BB%93/1.%E5%89%8D%E7%AB%AF%E6%80%BB%E7%BB%93.html)

注：如遇在线访问当前仓库速度太慢，可尝试访问加速备用链接[点击进入](https://www.52tech.tech/docs/)