开发者指南
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>
、WebGL 或 Web 音频 API 等技术使用这些数据流来直接修改音频和视频,例如为音频添加混响/压缩效果,或为视频添加灰度/棕褐色滤镜。本文提供了一个参考来解释你需要做什么。
APIs
- 使用 FormData 对象
-
FormData
对象允许你编译一组键/值对以使用fetch()
发送。它主要用于发送表单数据,但可以独立于表单使用来传输键控数据。如果表单的编码类型设置为 "multipart/form-data",传输的格式与表单的submit()
方法用于发送数据的格式相同。 - 渐进式网络应用
-
渐进式 Web 应用 (PWA) 使用现代 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用。这些应用可以在任何地方使用,并提供多种功能,使它们具有与原生应用相同的用户体验优势。这套指南告诉你有关 PWA 所需了解的所有信息。
- 解析和序列化 XML
-
Web 平台提供了不同的解析和序列化 XML 的方法,每种方法都有其优点和缺点。
性能
移动网络开发
字体
用户界面开发
¥User interface development
- 用户输入方法和控件
-
用户输入不仅仅是鼠标和键盘:以触摸屏为例。本文提供了在开放式 Web 应用中管理用户输入和实现控件的建议,以及常见问题解答、实际示例,以及为需要有关底层技术的更详细信息的任何人提供的更多信息的链接。