Dart 代码示例

查看其他 Dart 示例代码.

定义一个自定义元素

安装 Polymer, 定义和使用一个自定义 custom element。  More

具有搜索功能的 List

使用数据绑定来构造可搜索 List  More

从表单收集数据

在 Polymer 中使用表单和数据绑定。  More

TodoMVC

用 Polymer 实现的一个简易 todo 应用。  More

Polymer and internationalization

Simple demonstration of internationalization and localization with Polymer.  More

任务管理工具

一个完全用 Polymer 创建的应用,使用了多个自定义元素。  More

Tracker:一个任务管理工具
Tracker:一个任务管理工具

Hello world

Angular 和 Dart 介绍。  More

Todo

用 Angular 和 Dart 实现的一个 todo 应用。  More

Bouncing balls

使用 Controllers、 Directives 和 Dependency Injection 的高级示例。使用了 scope 和 zone 等高级功能。  More

菜谱示例应用

包含了六个 Angular Dart 教程。  More

Angular Dart demo: Todo
Angular Dart demo: Todo

Google Maps

通过 dart:js 使用 Google Maps JavaScript API。  More

使用 Google Charts Visualization API

介绍如何混合使用 JavaScript 和 Dart 的一个应用。  More

用 JSONP 获取数据

用 JSONP 来查看 GitHub 中的 dart-lang 项目。  More

通过 dart:js 使用 Google Maps JavaScript API
通过 dart:js 使用 Google Maps JavaScript API

搜索文件内容

一个小示例演示如何异步搜索文件和目录。  More

合并文件

用 stream 来读取文件和处理 I/O。  More

Dartiverse Search: 使用 HttpServer 和 WebSockets 创建的搜索应用

一个从 StackOverflow 和 GitHub 搜索 Dart 的应用,包含服务器和客户端。  More

Dartiverse Search:使用 HttpServer 和 WebSockets 创建的搜索应用
Dartiverse Search:使用 HttpServer 和 WebSockets 创建的搜索应用

Working with requestAnimationFrame

正确使用 rAF 的示例。  More

2D 太阳系动画

用 Canvas 实现的太阳系。  More

3D 太阳系动画

用 WebGL 实现的太阳系。  More

在 canvas 中使用图像滤镜

处理像素、运行简单的滤镜、并使用 convolution 滤镜修改图像。  More

StageXL 遮罩

演示各种遮罩的花朵示例。  More

Sprite sheet animations with StageXL

初始化 StageXL 舞台和 RenderLoop。使用 FlipBook 类执行 sprite sheet 动画。  More

用 StageXL 把 Adobe Flash 游戏移植到 HTML5

从 Flash 到 HTML5,由于 ActionScript 和 Dart 非常类似,所以很容易从 AS3 文件移植到 Dart。  More

FlipBook: Sprite sheet animations with StageXL
FlipBook: Sprite sheet animations with StageXL

LocalStorage 101

使用 LocalStorage 的一个示例。  More

使用 IndexedDB 的简单 todo 示例

一个把数据保存到 IndexedDB 的 todo 应用。  More

用 IndexedDB 保存数据和查询数据

创建里程碑和倒计时并在 IndexedDB 中保存里程碑。  More

探索 FileSystem API

读写一个虚拟的本地文件系统。  More

使用 FileSystem API 的命令行终端

管理本地文件的 web Unix 终端。  More

Terminal: 使用 FileSystem API 的命令行终端。
Terminal: 使用 FileSystem API 的命令行终端。

WebSockets 101

用 WebSocket 连接一个反馈服务器,发送并接受数据。  More

HTML5 基础拖拽操作

简单的 HTML5 拖拽操作示例。  More

使用 Application Cache

用 Application Cache 告诉浏览器那些文件可以缓存在本地以供离线使用。  More

简单的 geolocation 示例

计算两个地点的距离。  More

开始使用 Web Audio API

用 Web Audio API 来处理和合成语音。  More

使用 Files API

用 文件 input 元素选择文件或者通过拖拽的方式选择文件,并监控文件上传进度。  More

使用 Files API
使用 Files API

点击手势和 CSS 3D 变换

使用 点击手势和 CSS 3D 变换的简单示例。  More

多点触摸

多点触摸的手指画画示例。  More

Swipe: 点击手势和  CSS 3D 变换
Swipe: 点击手势和 CSS 3D 变换

在 DOM 中添加元素

使用 dart:html 的一个 todo 应用  More

在 DOM 树中移动元素

Build anagrams: 一个 DOM 操作示例。  More

从 DOM 中删除元素

具有删除功能的 todo 应用。  More

使用 JSON

使用 JSON 的示例。  More

动态获取数据

用 HttpRequest 获取数据。  More

Anagrams: 在 DOM 树中移动元素
Anagrams: 在 DOM 树中移动元素