开发者指南

MDN 文档中有许多指南。这些文章旨在添加额外的使用示例,或教你如何使用 API 或功能。此页面链接到一些最流行的材料。

¥There are a number of guides within MDN docs. These articles aim to add additional usage examples, or teach you how to use an API or feature. This page links to some of the most popular material.

HTML

使用 HTML 构建网络

HTML 学习区提供教程来帮助你从头开始学习 HTML。

HTML 基础知识

本文将使你对 HTML 有一个基本的了解。遵循本指南后,你可以进一步探索 HTML 学习区中的材料。

CSS

学习使用 CSS 设置 HTML 样式

我们完整的 CSS 教程,带你从第一步开始,了解文本样式、创建布局等。

CSS 布局指南

MDN 上有大量 CSS 布局指南,本页将它们全部收集在一起。

使用 CSS 动画

CSS 动画可以实现从一种 CSS 样式配置到另一种 CSS 样式配置的动画过渡。本指南将帮助你开始使用动画属性。

JavaScript

JavaScript 学习区

无论你是完全的初学者,还是希望提高自己的技能,这都是你的起点。

多媒体

¥Media

音频和视频传输

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

音频和视频处理

网络的美妙之处在于你可以结合技术来创建新形式。浏览器中拥有原生音频和视频意味着我们可以通过 <canvas>WebGLWeb 音频 API 等技术使用这些数据流来直接修改音频和视频,例如为音频添加混响/压缩效果,或为视频添加灰度/棕褐色滤镜。本文提供了一个参考来解释你需要做什么。

APIs

使用 FormData 对象

FormData 对象允许你编译一组键/值对以使用 fetch() 发送。它主要用于发送表单数据,但可以独立于表单使用来传输键控数据。如果表单的编码类型设置为 "multipart/form-data",传输的格式与表单的 submit() 方法用于发送数据的格式相同。

渐进式网络应用

渐进式 Web 应用 (PWA) 使用现代 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用。这些应用可以在任何地方使用,并提供多种功能,使它们具有与原生应用相同的用户体验优势。这套指南告诉你有关 PWA 所需了解的所有信息。

解析和序列化 XML

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

性能

¥Performance

优化和性能

在构建现代 Web 应用和网站时,让你的内容快速高效地运行非常重要。这使得它能够在强大的桌面系统和较弱的手持设备上有效地运行。

移动网络开发

¥Mobile web development

移动网络开发

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

字体

¥Fonts

可变字体指南

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

网络开放字体格式 (WOFF)

WOFF(网络开放字体格式)是一种字体文件格式,任何人都可以在网络上免费使用。

用户界面开发

¥User interface development

用户输入方法和控件

用户输入不仅仅是鼠标和键盘:以触摸屏为例。本文提供了在开放式 Web 应用中管理用户输入和实现控件的建议,以及常见问题解答、实际示例,以及为需要有关底层技术的更详细信息的任何人提供的更多信息的链接。