Xmind鸟瞰图：

简单文字总结：

HTML5+CSS3知识总结：
canvas坐标：
    画图的基本步骤：
        1.创建画布
        2.获取画布
        3.开始路径规划
        4.规定画笔颜色
        5.规定画笔粗细
        6.开始作画
        7.路径闭合
        8.绘制描边
        9.颜色填充
    
将图片画到画布上：
    1.创建img DOM对象
    2.等待图片加载完毕后再将图片画到画布上
    3.使用drawImage(img,x,y)

Location对象：
    1.返回完整的url：href
    2.返回从 # 开始的 url ：hash
    3.返回从问号(?) 开始的 URL（查询部分）：search
    4.assign() 加载新的文档。跟href一样，可以跳转页面
    5.replace() 用新的文档替换当前文档。替换当前页面，不记录历史，不可以后退
    6.reload() 重新加载当前文档。

Navigator对象：
    1.navigator.userAgent.match：检测用户使用哪个终端打开的页面

History对象：
    1.加载 history 列表中的上一个 URL：back()
    2.加载 history 列表中的下一个 URL：forward()
    3. go(1)相当于forward()，go(-1)相当于back(),如果不指定参数，默认参数为0，相当于刷新当前页面：go()

详细Xmind原文档，在文章顶部自取下载！