SweetoDream

HTML5增加了一项新功能是：自定义数据属性，也就是data-*自定义属性。在HTML5中我们可以使用data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可以通过脚本进行定义和数据存取。在项目实践中非常有用。例如：<div id="div1" class="div1" data-id = "myId" data-class = "myClass" data-id-and

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。       sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。       而localStorage用于持久

在HTML中执行脚本最重要的方法就是使用<script>元素，但是执行<script>元素时会阻塞后面文档的加载，为了解决这个问题HTML5为<script>元素添加了async和defer属性。一、浏览器加载到<script>元素，没有设置async或者defer<script src="main.js"></script>浏览器执行到这个元素的时候会立即下载src所指向的脚本并且执行，在执行完该

canvas作为H5中重要的新增特性，使开发者可以用它来创作各种令人惊叹的作品。先来看一下浏览器对canvas的支持情况。<canvas> 标签定义图形，比如图表和其他图像，我们使用脚本来绘制图形。先看一下这次动画的结果： gif图可能不完整，可以点击这里查看完整效果。canvas的API较多，这里我们只介绍一下本次使用到的一下API，更多的canvas可以查看这里。beginPath()