HTML5复习资料剖析第1篇
HTML5 的考试复习资料挺实用的，尤其是对 API 和常用方法这块讲得蛮细。像setSelectionRange这种操作输入框选区的技巧，还有createLinearGradient画渐变的用法，都是前端常用的套路。对于你要备考、或者刚上手 HTML5 的同学来说，翻一翻还挺有。
对象的创建和删除，用new关键字和removeChild、splice方法就够用了，别被搞复杂了。尤其在 DOM 的时候，记得多用控制台调试，效率高多了。
Canvas 绘图那块也值得一看，arc方法画圆用得多，顺序别搞错就行，圆心、半径、起止角度，一个也不能漏。配合createLinearGradient，效果还不错，做数据可视化也挺好用。
Web Storage部分讲得也比较清楚，localStorage和sessionStorage的区别要搞明白，一个持久保存，一个临时存。增删改查全靠setItem、getItem这些 API，逻辑简单，响应也快。
再说拖拽交互，关键点在ondragstart事件和event.preventDefault()的使用。嗯，多人一开始不加阻止默认行为，结果效果就出不来。还有，元素记得加上draggable属性。
地理定位这块也蛮实用，getCurrentPosition方法用得比较多，适配移动端需求。回调函数记得多做判断，像用户拒绝、定位失败这种场景，做点友好提示体验会好多。
视频控制部分算是加分项啦，video标签支持暂停、播放、静音等操作，配合事件监听能玩出不少花样。如果你要做教学类网站或者在线视频页面，这块功能挺刚需的。
提醒一下，写注释真的别偷懒。用//写一行注释也不费事，能省不少回头看的功夫。离线应用记得设置好manifest文件，不然缓存搞不起来。
如果你正在准备 HTML5 考试，或者想系统补补前端底子，这份资料可以拿来看看，配合几个实战项目效果更好。下面这几篇文章也蛮推荐的：
