伴随多个 MDN DOM 和 Web API 文档页面的代码示例。
[!注意] 您可以使用
{{EmbedLiveSample()}}
宏 或常规 Markdown 代码块直接在 MDN 页面中包含示例。 这些方法更易于维护,因为代码与其余内容放在一起。 只有当您的示例因技术或安全原因无法在 MDN 页面上轻松运行时,才将示例添加到此存储库中。
"abort-api" 目录包含如何使用"中止 API"(又称 AbortSignal 和 AbortController)的示例。在线运行示例。
"audiocontext-setsinkid" 目录包含如何使用 AudioContext.setSinkId()
方法及相关功能的示例。在线运行示例。
"auxclick" 目录包含演示新的 <code>auxclick</code> 事件类型的基本示例。有关更多详细信息,请参阅 GlobalEventHandlers.auxclick,或在线运行示例。
"canvas" 目录包含一个名为"chroma-keying"的示例,演示如何使用 Canvas API 操作视频:请参阅使用 canvas 操作视频或在线运行示例。
"channel-messaging-basic" 目录包含演示通道消息传递基础知识的基本示例;请参阅通道消息传递 API或在线运行示例。
"channel-messaging-multimessage" 目录包含另一个通道消息传递演示,展示了如何在浏览上下文之间发送多条消息。有关更多详细信息,请参阅通道消息传递 API。在线运行演示。
"css-painting" 目录包含演示 CSS 绘制 API 的示例。在线查看示例。
"drag-and-drop" 目录用于 HTML 拖放 标准的示例和演示。
"document-picture-in-picture" 目录包含一个展示 文档画中画 API 用法的示例。在线查看示例。
"edit-context" 目录包含演示 EditContext API 的示例。查看示例列表。
"history-api" 目录包含演示 History API 的示例。在线查看演示。
"indexeddb-api" 目录包含 IndexedDB API 的演示。
"insert-adjacent" 目录包含 insertAdjacentElement 和 insertAdjacentText 的基本演示。
"matchmedia" 目录包含用于测试 matchMedia 功能的基本演示。有关更多详细信息,请参阅 Window.matchMedia。在线运行演示。
"mediaquerylist" 目录包含用于测试更高级的 matchMedia/mediaquerylist 功能的基本演示。有关更多详细信息,请参阅 MediaQueryList。在线运行演示。
"media" 目录包含展示如何使用 HTML 和 DOM 媒体元素和 API 的示例和演示。
"payment-request" 目录包含 支付请求 API 的示例。
"pointerevents" 目录用于 指针事件 标准的示例和演示。
"pointer-lock" 目录包含展示指针锁定 API 使用的基本演示。您可以在主要的 MDN 指针锁定 API 页面找到有关演示工作原理的更多解释。在线运行演示。
"popover-api" 目录用于 Popover API 标准的示例和演示。转到 Popover API 演示索引 查看可用内容。
"reporting-api" 目录包含几个展示报告 API 使用的基本演示。您可以在主要的 MDN 报告 API 文档中找到有关 API 工作原理的更多解释。在线运行废弃报告演示。
"resize-event" 目录包含一个基本演示,展示如何使用 resize 事件。通过调整浏览器窗口的高度或宽度来查看当前窗口的大小。在线运行演示。
"screenleft-screentop" 目录包含一个演示,展示如何使用 Window.screenLeft 和 Window.screenTop 属性在画布上绘制一个圆,当您移动浏览器窗口时,该圆始终保持在屏幕上的同一物理位置。在线运行演示。
"scrolltooptions"目录包含一个演示,展示了如何使用ScrollToOptions字典和Window.ScrollTo()方法以编程方式滚动网页。在线运行演示。
"server-sent-events"目录包含一个非常基础的SSE演示,使用PHP创建服务器。您可以在我们的使用服务器发送事件文章中找到更多信息。要运行演示,您需要在支持PHP的服务器上运行文件;MAMP是一个不错的PHP测试服务器环境。
"service-worker/simple-service-worker"目录包含一个简单的演示,展示了如何使用Service Worker API
来管理页面缓存。在线运行演示。
"sourcebuffer"目录包含一个基本演示,展示了SourceBuffer
接口的用法。在线运行演示。
"streams"目录包含Streams API的演示,用于低级I/O处理。
"touchevents"目录包含触摸事件标准的示例和演示。
"web-animations-api"目录包含Web Animation API演示。更多信息请查看web animations README。
"web-storage"目录包含一个基本演示,展示了Web Storage API的用法。有关其工作原理的更多详情,请阅读使用Web Storage API。在线查看演示。
"view-transitions"目录包含演 示,展示了View Transitions API的用法,包括单页应用在线查看SPA演示和多页应用在线查看MPA演示的视图过渡。
"web-share"目录包含一个基本演示,展示了Web Share API的用法。在线查看演示。
"web-workers"目录包含一个基本的Web Worker,用于演示Web Workers的工作原理。在线查看演示。
"webgl-examples"目录包含多个WebGL示例,演示了用于网页2D和3D图形的WebGL API。
"webgpu-compute-demo"目录包含一个示例,演示了WebGPU API计算管线的基本用法,用于在GPU上执行通用计算。在线查看演示。
"webgpu-render-demo"目录包含一个示例,演示了WebGPU API渲染管线的基本用法,用于通过GPU渲染高性能图形。在线查看演示。
"window-management-api"目录包含一个基本演示,展示了Window Management API的用法。在线查看演示。
您可以通过内容贡献、工程或翻译工作为MDN Web文档做出贡献,成为我们社区的一员。MDN Web文档项目欢迎所有共享我们目标并希望在社区内建设性和respectfully地做出贡献的人参与。
要了解如何开始,请查看本仓库中的CONTRIBUTING.md文档。通过参与和贡献我们的项目和讨论,您承认已阅读并同意我们的行为准则。
您可以使用通信渠道与MDN Web文档团队和社区进行交流。
OpenAI Agents SDK,助力开发者便捷使用 OpenAI 相关功能。
openai-agents-python 是 OpenAI 推出的一款强大 Python SDK,它为开发者提供了与 OpenAI 模型交互的高效工具,支持工具调用、结果处理、追踪等功能,涵盖多种应用场景,如研究助手、财务研究等,能显著提升开发效率,让开发者更轻松地利用 OpenAI 的技术优势。
高分辨率纹理 3D 资产生成
Hunyuan3D-2 是腾讯开发的用于 3D 资产生成的强大工具,支持从文本描述、单张图片或多视角图片生成 3D 模型,具备快速形状生成能力,可生成带纹理的高质量 3D 模型,适用于多个领域,为 3D 创作提供了高效解决方案 。
一个具备存储、管理和客户端操作等多种功能的分布式文件系统相关项目。
3FS 是一个功能强大的分布式文件系统项目,涵盖了存储引擎、元数据管理、客户端工具等多个模块。它支持多种文件操作,如创建文件和目录、设置布局等,同时具备高效的事件循环、节点选择和协程池管理等特性。适用于需要大规模数据存储和管理的场景,能够提高系统的性能和可靠性,是分布式存储领域的优质解决方案。
用于可扩展和多功能 3D 生成的结构化 3D 潜在表示
TRELLIS 是一个专注于 3D 生成的项目,它利用结构化 3D 潜在表示技术,实现了可扩展且多功能的 3D 生成。项目提供了多种 3D 生成的方法和工具,包括文本到 3D、图像到 3D 等,并且支持多种输出格式,如 3D 高斯、辐射场和网格等。通过 TRELLIS,用户可以根据文本描述或图像输入快速生成高质量的 3D 资产,适用于游戏开发、动画制作、虚拟现实等多个领域。
10 节课教你开启构建 AI 代理所需的一切知识
AI Agents for Beginners 是一个专为初学者打造的课程项目,提供 10 节课程,涵盖构建 AI 代理的必备知识,支持多种语言,包含规划设计、工具使用、多代理等丰富内容,助您快速入门 AI 代理领域。
AI Excel全自动制表工具
AEE 在线 AI 全自动 Excel 编辑器,提供智能录入、自动公式、数据整理、图表生成等功能,高效处理 Excel 任务,提升办公效率。支持自动高亮数据、批量计算、不规则数据录入,适用于企业、教育、金融等多场景。
基于 UI-TARS 视觉语言模型的桌面应用,可通过自然语言控制计算机进行多模态操作。
UI-TARS-desktop 是一款功能强大的桌面应用,基于 UI-TARS(视觉语言模型)构建。它具备自然语言控制、截图与视觉识别、精确的鼠标键盘控制等功能,支持跨平台使用(Windows/MacOS),能提供实时反馈和状态显示,且数据完全本地处理,保障隐私安全。该应用集成了多种大语言模型和搜索方式,还可进行文件系统操作。适用于需要智能交互和自动化任务的场景,如信息检索、文件管理等。其提供了详细的文档,包括快速启动、部署、贡献指南和 SDK 使用说明等,方便开发者使用和扩展。
开源且先进的大规模视频生成模型项目
Wan2.1 是一个开源且先进的大规模视频生成模型项目,支持文本到图像、文本到视频、图像到视频等多种生成任务。它具备丰富的配置选项,可调整分辨率、扩散步数等参数,还能对提示词进行增强。使用了多种先进技术和工具,在视频和图像生成领域具有广泛应用前景,适合研究人员和开发者使用。
全流程 AI 驱动的数据可视化工具,助力用户轻松创作高颜值图表
爱图表(aitubiao.com)就是AI图表,是由镝数科技推出的一款创新型智能数据可视化平台,专注于为用户提供便捷的图表生成、数据分析和报告撰写服务。爱图表是中国首个在图表场景接入DeepSeek的产品。通过接入前沿的DeepSeek系列AI模型,爱图表结合强大的数据处理能力与智能化功能,致力于帮助职场人士高效处理和表达数据,提升工作效率和报告质量。
一款强大的视觉语言模型,支持图像和视频输入
Qwen2.5-VL 是一款强大的视觉语言模型,支持图像和视频输入,可用于多种场景,如商品特点总结、图像文字识别等。项目提供了 OpenAI API 服务、Web UI 示例等部署方式,还包含了视觉处理工具,有助于开发者快速集成和使用,提升工作效率。
最新AI工具、AI资讯
独家AI资源、AI项目落地
微信扫一扫关注公众号