一份搜集的前端面试题目清单、面试相关以及各类学习的资料（不局限于前端）.zip

## 题目集锦 这是一份我从各种途径搜集到的前端面试题目清单。 经过自己的梳理分类以及文字加工，力求做到覆盖面广、可读性高。 题目不仅涉及到了目前流行的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. [安全（11道）](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（26道）](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) * [2022年](https://github.com/pwstrick/daily/blob/master/article/2022.md) * [2023年](https://github.com/pwstrick/daily/blob/master/article/2023.md) * [2024年](https://github.com/pwstrick/daily/blob/master/article/2024.md) * [前端优化](https://github.com/pwstrick/daily/blob/master/article/optimization.md) * [前端猎奇周刊](https://www.zhihu.com/column/c_1611000947358019584) * [前端行为和性能监控脚本：shin-monitor](https://github.com/pwstrick/shin-monitor) * [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) * [Node.js深度分析](https://github.com/pwstrick/daily/blob/master/article/nodejs.md) * [前端工具技术](https://github.com/pwstrick/daily/blob/master/article/tool.md) * [ChatGPT学习](https://github.com/pwstrick/daily/blob/master/article/chatgpt.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) * [计算机书籍排行榜](https://github.com/slidoooor/computer_book_list) * 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" /> * [English level up tips for Chinese](https://github.com/byoungd/English-level-up-tips-for-Chinese) ## 前端躬行记 古语云：“纸上得来终觉浅，绝知此事要躬行”。的确，不管看了多少本书，如果自己不实践，那么就很难领会其中的精髓。为此，开辟了《[前端躬行记](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" /> 我还建立了一个微信前端交流群，如要进群，可在加好友后和我说一下。 ## 前端技能图谱 * [前端知识图谱](https://f2e.tech/)（在线） * [Front-end Developer Handbook 2019](https://frontendmasters.com/books/front-end-handbook/2019/)（[前端开发者手册2019](https://www.yuque.com/ysfe/ykx/fedhb)） * [Spellbook of Modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)（讲座：[理解现代Web开发](https://2017.jsconfchina.com/files/02-modern-web-dev-dexteryy.pdf)） * 下图引用自[roadmap.sh](https://roadmap.sh/frontend)。 * 往期图可参考[2019](https://github.com/pwstrick/daily/raw/master/assets/img/skill/2019.png)、[2020](https://github.com/pwstrick/daily/raw/master/assets/img/skill/2020.png)、[2021](https://github.com/pwstrick/daily/raw/master/assets/img/skill/2021.png)、[2022](https://github.com/pwstrick/daily/raw/master/assets/img/skill/2022.png)、[2023](https://github.com/pwstrick/daily/raw/master/assets/img/skill/2023.png) <img src="https://github.com/pwstrick/daily/raw/master/assets/img/skill/2024.png" /> ## 欢迎打赏 <img src="https://github.com/pwstrick/daily/raw/master/assets/img/pay.png" width="300" /> [](https://badges.toozhao.com/badges/01EH98D0S2P7MZ75V4M4J9623H/green.svg "Get your own page views count badge on badges.toozhao.com")