指南结构说明

[数字编号] [这篇教程是关于XXXXXX的] 中文指南

作者：@你的昵称
简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 数字编号 篇。完整指南在 GitHub，喜欢请 Star 哦♪(^∇^*)

创建时间：[2017-04-21]
最后更新：[2017-04-21]

实现效果

[建议添加一张图片（gif/jpg..）]

[文字描述这篇教程将会实现的效果]

在线体验请看这个链接

示例：(https://soyaine.github.io/JavaScript30/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/index-SOYAINE.html)

解决思路

[简洁语言描述已提供的文件组织，JS 解决的逻辑流程]

相关知识

[列表形式列出涉及到的语法特性关键词]

示例：

Canvas：

• 基本属性
  • getContext()
  • strokeStyle
• 路径绘制
  • beginPath()
  • lineTo()

鼠标事件处理：

• mousemove
• mousedown

过程指南

[请发挥你的聪明才智，随意组织，这是精华部分]

解决难点

[可选。与上一部分配合使用。]

延伸思考

[如果你在这个教程效果之外有新的想法，分享给读者]

结语

[鼓励一下看教程的人吧~(≧▽≦)/~]