开发者指南

MDN 文档中有大量的指南,这些文章意在增加用例,或教你如何使用 API 接口或特性。此页面将提供到一些最流行的阅读材料的链接。

HTML

使用 HTML 构建网页

HTML 学习区会提供从头开始的 HTML 学习教程。

HTML 基础

这篇文章将会让你对 HTML 有一个基本的了解。在遵循本指南后,你可以进一步探索 HTML 学习区的资料。

CSS

学习使用 CSS 给 HTML 添加样式

我们完整的 CSS 指南将带你从头开始,学习如何给文字添加样式、创建布局等更多内容。

CSS 布局指南

MDN 上包含了很多有关 CSS 布局的指南,这个页面将它们收集到了一起。

使用 CSS 动画

CSS 动画使得从一个 CSS 样式配置到另一个样式配置的动画过渡成为可能。本指南将帮助你开始使用动画属性。

JavaScript

JavaScript 学习区

无论你是完全的初学者,还是希望重温你的技能,这里都是好的起点。

媒体

音视频传输

我们可以通过多种方式在 Web 上传递音频和视频,从“静态”媒体文件到自适应实时流。本文旨在作为探索基于网络的媒体的各种传输机制以及与流行浏览器的兼容性的起点。

音视频操作

Web 的魅力在于你可以结合各种技术来创造新的形式。在浏览器中拥有原生音频和视频意味着我们可以使用这些诸如 <canvas>WebGLWeb 音频 API 的数据流技术来直接修改音视频,例如向音频添加混响或压缩效果,或向视频添加灰度或褐色滤镜。本篇文章提供了一个参考,解释了你需要做些什么。

API 接口

使用 FormData 对象

FormData 对象允许你配置一组键值对并通过 XMLHttpRequest 发送它们。虽然它主要用来发送表单数据,但它也可以独立地用于传输其他带键值的数据。若将表单的编码类型设置为“multipart/form-data”,则传输的格式与表单的 submit() 方法用于发送数据的格式相同。

渐进式 Web 应用

渐进式 Web 应用(PWA)通过使用现代 Web API 和传统的渐进式策略来开发跨平台的 Web 应用程序。这些应用程序可以在任何设备上运行并提供接近原生应用程序的体验。这套指南将告诉你有关 PWA 的所有知识。

XML 解析和序列化

Web 平台提供了解析和序列化 XML 的不同方法,每种方法都有其优点和缺点。

性能

优化和性能

在开发现代 web 站点及应用时,使内容加载迅速高效很重要。这篇文章将会帮助你在桌面系统和手持设备上都可以提高效率。

移动端 web 开发

学习:响应式设计

这篇文章概述了设计在移动设备上运行良好的网站所需的一些主要技术。

字体

可变字体指南

了解如何在你的设计中使用可变字体。

网络开放字体格式(WOFF)

WOFF(网络开放字体格式)是在网络上开放给任何人免费使用的字体文件格式。

用户界面开发

用户输入和控制

用户输入不仅限于鼠标和键盘:例如触摸屏。本文提供了在开放式 web 应用程序中管理用户输入和实施控件的建议,以及常见问题解答、实际示例和更多信息链接,供需要更多底层技术详细信息的用户参考。