欢迎访问 mdn-examples!这里有来自 MDN Learning Area 中部分示例的中文版本,以及原示例的改进版本、衍生版本,以下列表会不定期更新,希望你能喜欢。
觉得还不错请双击 666 :)
有问题请随时 新开 issue 或 发邮件 :)
|
示例 |
章节 |
文章 |
代码 |
演示 |
HTML |
Mozilla 酷毙了 |
HTML/CSS/JS 基础 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
代码操场 |
开始学习 HTML |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
二次元俱乐部 |
HTML 文档和站点结构 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
HTML 调试示例 |
HTML 调试 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
纽臂大学邮件 |
入门章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
观鸟网 |
入门章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
Mozilla 宣传页 |
多媒体章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
太阳系行星数据 |
表格章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
JS |
JavaScript 入门 |
什么是 JavaScript? |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
猜数字游戏 |
JavsScript 初体验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
猜数字游戏改进版 |
|
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
笑话机 |
入门章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
照片库 |
基础要件章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
照片库改进版 |
|
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
弹球 |
实践对象构造 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
弹球 + 恶魔圈 |
对象章节测验 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
按键事件 |
KeyboardEvent.key |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
触摸绘图板 |
触摸事件 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_open.svg) |
SERVER |
本地图书馆 |
Express 教程 |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_txt.svg) |
![](https://raw.githubusercontent.com/Lwling/mdn-examples/master/images/file_code.svg) |
|