开发者指南
MDN 文档中包含大量指南。这些文章旨在添加额外的使用示例,或教你如何使用 API 或功能。此页面链接到一些最受欢迎的资料。
HTML
- 使用 HTML 构建网页
-
HTML 学习区域提供教程,帮助你从头开始学习 HTML。
- HTML 基础
-
本文将帮助你了解 HTML 的基础知识。阅读完本指南后,你可以进一步探索 HTML 学习区域中的资料。
CSS
- 学习使用 CSS 样式化 HTML
-
我们的完整 CSS 教程,带你从入门到样式化文本、创建布局等等。
- CSS 布局指南
-
MDN 中有大量关于 CSS 布局的指南,此页面将它们全部收集在一起。
- 使用 CSS 动画
-
CSS 动画使你能够将从一个 CSS 样式配置过渡到另一个 CSS 样式配置的过程进行动画化。本指南将帮助你开始使用动画属性。
JavaScript
- JavaScript 学习区域
-
无论你是完全新手,还是希望复习你的技能,这里都是你的起点。
媒体
- 音频和视频交付
-
我们可以在 Web 上通过多种方式交付音频和视频,从“静态”媒体文件到自适应直播流。本文旨在作为探索基于 Web 的媒体的各种交付机制以及与流行浏览器的兼容性的起点。
- 音频和视频操作
-
Web 的魅力在于你可以组合技术来创建新的形式。在浏览器中拥有原生音频和视频意味着我们可以将这些数据流与
<canvas>
、WebGL 或 Web Audio API 等技术结合起来,直接修改音频和视频,例如为音频添加混响/压缩效果,或为视频添加灰度/棕褐色滤镜。本文提供参考来解释你需要做什么。
API
- 使用 FormData 对象
-
FormData
对象允许你编译一组键值对,以便使用fetch()
发送。它主要用于发送表单数据,但可以独立于表单使用以传输键控数据。传输采用与表单的submit()
方法在表单的编码类型设置为“multipart/form-data”时发送数据相同的格式。 - 渐进式 Web 应用
-
渐进式 Web 应用 (PWA) 使用现代 Web API 以及传统的渐进增强策略来创建跨平台 Web 应用程序。这些应用程序可以在任何地方运行,并提供一些功能,使其具有与原生应用程序相同的用户体验优势。这套指南介绍了你需要了解的关于 PWA 的所有内容。
- 解析和序列化 XML
-
Web 平台提供了不同的解析和序列化 XML 的方法,每种方法都有其优缺点。
性能
- 优化和性能
-
在构建现代 Web 应用和网站时,让你的内容快速有效地工作非常重要。这使其能够在强大的台式机系统和较弱的便携式设备上有效地运行。
移动 Web 开发
- 移动 Web 开发
-
本文概述了一些在移动设备上良好运行的网站设计所需的主要技术。
字体
- 可变字体指南
-
了解如何在设计中使用可变字体。
- Web 开放字体格式 (WOFF)
-
WOFF (Web 开放字体格式) 是一种字体文件格式,任何人都可以在 Web 上免费使用。
用户界面开发
- 用户输入方法和控件
-
用户输入不仅仅是鼠标和键盘:例如,考虑触摸屏。本文为管理用户输入和在开放式 Web 应用中实现控件提供了建议,以及常见问题解答、现实世界的示例以及链接,供任何需要有关底层技术更详细信息的人参考。