学习资源

MDN Web Docs

权威、系统的开放 Web 技术文档。

访问官网
Overview

关于 MDN Web Docs

MDN 提供 HTML、CSS、JavaScript 和 Web API 的详尽参考与教程,是前端开发者常用的学习资料。

Features

MDN Web Docs 的核心功能

  • 权威的 Web 技术文档库,系统覆盖 HTML、CSS、JavaScript 和各类 Web API。
  • 每个接口附带语法说明、参数解释、浏览器兼容性表格和可运行的示例代码。
  • 提供从零基础到进阶的 Web 开发学习路径和教程,内容由社区持续维护更新。
  • 文档开放免费,并有多语言版本,包括质量较高的中文翻译内容。
Use cases

MDN Web Docs 适合哪些场景

  • 前端开发者忘记某个 CSS 属性的取值时,直接查 MDN 的参考页面确认用法。
  • 初学者系统学习 JavaScript 时,跟随 MDN 的教程章节逐步练习。
  • 工程师在使用新的 Web API 前,先在 MDN 上确认各浏览器的兼容性情况。
  • 准备面试的求职者用它复习事件循环、原型链等基础概念的准确定义。
Highlights

MDN Web Docs 的特点

  • 每个接口附带完整的浏览器兼容性表格,是查兼容性时的常用依据。
  • 由包括浏览器厂商在内的开放社区共同维护,内容更新较及时。
  • 参考文档与系统教程兼具,从零基础学习到日常查阅都能覆盖。
  • 中文翻译质量在多语言技术文档中属于较高水平。
Guide

MDN Web Docs 使用指南

在 MDN 上查一个 API 用法的基本步骤

直接在站内搜索接口或属性名(如 fetch、Array.map),打开参考页面后先看语法和参数说明,再看示例代码。页面还附带返回值、异常和注意事项,按这个顺序读一遍基本就能解决「这个 API 怎么用」的问题。

怎么用 MDN 查浏览器兼容性

每个参考页面底部都有浏览器兼容性表格,标注了各浏览器从哪个版本开始支持该特性。使用较新的 Web API 前先查这张表,确认目标浏览器覆盖情况;需要更详细的数据时,可以结合 caniuse.com 交叉确认。

MDN 中文内容缺失或滞后时怎么办

MDN 的中文翻译由社区贡献,部分页面的中文版可能缺失或落后于英文原文。遇到内容对不上或没有中文时,可以切换回英文版对照阅读;查到的问题如果想回馈社区,也可以通过 GitHub 参与翻译修订。

FAQ

MDN Web Docs 常见问题

MDN 文档是免费的吗

MDN Web Docs 由 Mozilla 维护,所有文档和教程均免费开放,无需注册即可阅读全部内容。

MDN 有中文版吗

有。MDN 提供中文翻译版本,可以在页面中切换语言。部分内容的中文翻译可能滞后于英文原文,遇到疑问可对照英文版阅读。

MDN 和 W3Schools 哪个更适合学习

MDN 的内容更严谨、更新更及时,并带有浏览器兼容性数据,通常被推荐为首选参考;W3Schools 的示例较简单,适合快速入门。两者可以结合使用。

访问提示

第三方网站的功能、价格和可用性可能发生变化。请在访问时查看其最新条款,并谨慎处理个人或敏感信息。