## 题目集锦

这是一份我从各种途径搜集到的前端面试题目清单。  
经过自己的梳理分类以及文字加工，力求做到覆盖面广、可读性高。  
题目不仅涉及到了目前流行的HTML5、ES6、React、Webpack等内容，还包括通用的网络和软技能。  
后面将持续更新，对题目保持补充，在相应的issue中可对该题进行交流。**希望这些题目能帮助到你**。  

1. [HTML（包括HTML5，共有79道）](https://github.com/pwstrick/daily/blob/master/interview/html.md)
2. [CSS（包括CSS3，共有100道）](https://github.com/pwstrick/daily/blob/master/interview/css.md)
3. [JavaScript（149道）](https://github.com/pwstrick/daily/blob/master/interview/javascript.md)
4. [ES6+（89道）](https://github.com/pwstrick/daily/blob/master/interview/es6.md)
5. [React（102道）](https://github.com/pwstrick/daily/blob/master/interview/react.md)
6. [网络（63道）](https://github.com/pwstrick/daily/blob/master/interview/network.md)
7. [工具（包括webpack、Git等，共60道）](https://github.com/pwstrick/daily/blob/master/interview/tool.md)
8. [算法（94道）](https://github.com/pwstrick/daily/blob/master/interview/algorithm.md)
9. [安全（10道）](https://github.com/pwstrick/daily/blob/master/interview/security.md)
10. [性能（16道）](https://github.com/pwstrick/daily/blob/master/interview/performance.md)
11. [软技能（107道）](https://github.com/pwstrick/daily/blob/master/interview/skill.md)
12. [前端（33道）](https://github.com/pwstrick/daily/blob/master/interview/fe.md)
13. [Node.js（20道）](https://github.com/pwstrick/daily/blob/master/interview/nodejs.md)
14. [TypeScript（15道）](https://github.com/pwstrick/daily/blob/master/interview/ts.md)
15. [Vue（42道）](https://github.com/pwstrick/daily/blob/master/interview/vue.md)
16. [30 seconds of code](https://github.com/pwstrick/daily/blob/master/article/seconds.md)（短小精悍的代码片段，适合白板面试）

## 文章集锦
分享与面试相关的文章，不定期更新。

* [2019年](https://github.com/pwstrick/daily/blob/master/article/2019.md)
* [2020年](https://github.com/pwstrick/daily/blob/master/article/2020.md)
* [2021年](https://github.com/pwstrick/daily/blob/master/article/2021.md)
* [前端优化](https://github.com/pwstrick/daily/blob/master/article/optimization.md)
* [GitHub或网络上优秀的面试项目](https://github.com/pwstrick/daily/blob/master/article/github.md)（题量众多，内容饱满）
* [设计模式之美](https://github.com/pwstrick/daily/blob/master/article/pattern.md)
* [浏览器原理](https://github.com/pwstrick/daily/blob/master/article/browser.md)

## 算法
算法包括用一句话描述的算法思路，LeetCode中的题目出现频率以及刷题列表（包含思路和实现）。

* [一句话算法](https://github.com/pwstrick/daily/blob/master/article/one/one.md)
* [LeetCode](https://github.com/pwstrick/daily/blob/master/article/leetcode/leetcode.md)
* [算法躬行记](https://www.kancloud.cn/pwstrick/fe-questions/1867914)
* [数据结构与算法之美](https://github.com/pwstrick/daily/blob/master/article/nice.md)

## 书籍分享

在下面目录中的书都是我以前浏览过的，有些是精读过的，有些是粗读过的，有些是翻过页的，其中有些还有专门的书摘。

* [书籍目录](https://github.com/pwstrick/daily/blob/master/book/names.md)
* 2019年翻译的英文面试书籍《[101 Toughest Interview Questions](https://github.com/pwstrick/daily/blob/master/book/contents.md)》
* 2020年翻译的英文面试书籍《[The Interview Book: How to prepare and perform at your best in any interview](https://github.com/pwstrick/daily/blob/master/book/prepare.md)》

<p>
<img src="https://github.com/pwstrick/daily/raw/master/assets/img/cover/101-interview-cover.png" width="200" />
<img src="https://github.com/pwstrick/daily/raw/master/assets/img/cover/how-to-prepare-in-interview.png" width="200" />
</p>

## 英语单词

单词来源于《计算机专业英语（第3版）》。

* [文章中使用到的词汇表](https://github.com/pwstrick/daily/blob/master/book/computer/1.md)
* [附录中的专业英语词汇表](https://github.com/pwstrick/daily/blob/master/book/computer/2.md)

<img src="https://github.com/pwstrick/daily/raw/master/assets/img/cover/computer-en-cover.jpg" />

## 前端躬行记
古语云：“纸上得来终觉浅，绝知此事要躬行”。的确，不管看了多少本书，如果自己不实践，那么就很难领会其中的精髓。为此，开辟了《[前端躬行记](https://www.kancloud.cn/pwstrick/fe-questions/1094971)》系列，包括ES6、React、Vue.js、TypeScript和利器等，将相关知识系统的记录下来，以便自己翻阅，也希望能帮助到广大网友。

<img src="https://github.com/pwstrick/daily/raw/master/assets/img/cover/fe-questions.png" width="200" />

## 欢迎大家踊跃分享
如果你也有前端面试题，或者有好的与面试相关的文章，都可以向我投稿。

我会将分享者的姓名，以及给我的相关信息（例如博客地址、GitHub地址等）贴到链接旁。

投稿方式是先加微信号freedom20180706或扫描下面的二维码，请求中需注明“投稿”。

<img src="https://github.com/pwstrick/daily/raw/master/assets/img/qrcode.jpg" width="200" />

我还建立了一个微信前端交流群，如要进群，可在加好友后和我说一下。

## 前端技能图谱
* [Front-end Developer Handbook 2019](https://frontendmasters.com/books/front-end-handbook/2019/)（[前端开发者手册2019](https://www.yuque.com/ysfe/ykx/fedhb)）  
* 下图引用自[roadmap.sh](https://roadmap.sh/frontend)。

<img src="https://github.com/pwstrick/daily/raw/master/assets/img/skill/2020.png" />

## 欢迎打赏
<img src="https://github.com/pwstrick/daily/raw/master/assets/img/pay.png" width="300" />

[![Page Views Count](https://badges.toozhao.com/badges/01EH98D0S2P7MZ75V4M4J9623H/green.svg)](https://badges.toozhao.com/badges/01EH98D0S2P7MZ75V4M4J9623H/green.svg "Get your own page views count badge on badges.toozhao.com")