每天10个前端知识点：HTML5目录

2017-03-16

1. H5新增元素
  - (1) 结构元素
  - (2) 其他元素
  - (3) input元素类型
  - (4) *废除的元素
1. H5新增属性
  - (1) 表单相关属性
  - (2) 链接相关属性
  - (3) 其他属性
  - (4) *废除属性
  - (5) 全局属性
1. H5选择器补充
  - querySelectorAll 对比 getElements 的优势
  - jQuery的选择器即是querySelectorAll
1. H5自定义属性 dataset
1. H5元素类名操作 classList
  - 隐式原型上的方法(不一一列举)
1. H5本地存储 localStorage
  - Web Storage实际上由两部分组成：sessionStorage与localStorage
  - sessionStorage与localStorage操作相同
1. H5地理位置 geolocation
  - (1) 测试用例
  - (2) 百度地图API
1. H5音频 audio
  - (1) 属性
  - (2) 方法
  - (3) 应用：钢琴弹奏
  - (4) 应用：音乐播放器
1. H5视频 video
  - (1) 属性
  - (2) 方法
1. H5文件 FileReader
  - (1) 文件拖拽
  - (2) File接口
  - (3) 示例
1. H5 web工作线程 webworker
  - (1) 方法
  - (2) 示例
1. H5 webSocket 网络套接字
1. H5画布 canvas
  - (1) 应用 canvas笑脸
  - (2) 应用 canvas画图
  - (3) 应用 canvas变换
  - (4) 应用 canvas内长方形拖拽
  - (5) 应用 canvas内圆形拖拽
  - (6) 应用下载canvas绘图
  - (7) 应用 canvas运动回调
  - (8) canvas框架 jCanvaScript.js
1. H5内联SVG
  - (1) 位图 && 矢量图
  - (2) SVG使用
  - (3) SVG梗概
  - (4) SVG应用

更多内容可以订阅本人微信公众号，一起开启前端小白进阶的世界！
微信公众号：无媛无故