一直以来前端的东西可能都比较散碎，比如层出不穷的新标准，更新换代极快的框架，包罗万象的大前端，生涯刚开始的小伙伴可能会比较迷茫。这里贴一些我自己平时学习的网站，相信一些比较资深的同学也能从中发现一些自己知识蓝海。

MDN

（在JavaScript界，）没有什么比 MDN 更标准的 - 鲁迅

前端的基础知识大多可以从这里找到。建议有能力的同学读英文文档，因为中文文档一则受限于译者的翻译能力，二则受限于实效性，经常会出现英文文档更丰富的情况。比如 2024 年的 JS 基本类型还是没有 BigInt，但是英文文档已经列出了。当然也有场景下中文文档的译者增加了一些原文没有的国内使用场景。

这里贴几个代表性的：

JS

初学者必备！
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
每篇文章下面的 参考 区域，也包含着很丰富的特性/功能文档，值得多看一看

HTTP

HTTP演进，八股总会问到盲区？不如系统的看一遍？developer.mozilla.org/zh-CN/docs/…

性能优化

想做优化不知道从何入手？想系统学习性能优化但是没有好的方式？戳👉 developer.mozilla.org/zh-CN/docs/…

WEB 合集

MDN官方的由浅入深的前端技术引导 developer.mozilla.org/zh-CN/docs/…

WEB API

Canvas、GeoLocation、File、Visibility，浏览器提供了很多的功能但是日常我们只会用到一部分。这里就是合集了：developer.mozilla.org/zh-CN/docs/…

阮一峰系列

阮一峰老师的flex布局是我看到的讲解天花板级别，很容易懂。

flex

www.ruanyifeng.com/blog/2015/0…

Git 清单

www.ruanyifeng.com/blog/2015/1…

个人开发者色表

www.ruanyifeng.com/blog/2019/0…

合集

www.ruanyifeng.com/blog/develo…

前端框架

看了不少的前端框架源码解析，真是读书千遍不如手过一遍，有些文章鱼目混珠，甚至有谬误。尤其是源码的理解要求级别不如开发代码高，基本 debug 小几十次就可以了。像 Vue2 一类比较简单的源码，花费时间会更短。

结语

有什么好的资源也欢迎分享～