标签语义化
header,footer,nav,section,article,aside,diallog 等.
好处: 结构清晰, 易于阅读, 可维护性更高, 有利于搜索引擎的搜索 (SEO 的优化).
音频和视频标签
audio,video(source 标签定义 type 属性)
属性: src(音频或视频链接),width,height,controls(显示控件)
表单
input 新增输入类型: date,color,month,email,tel,url 等
新增表单元素: keygen(公钥私钥),datalist,progress,meter,output
新增表单属性: placeholder,min/max,pattern,required,width,height,multitype 等
移除元素: big,font,center,frameset,frame 等
新增 API: 获取用户的地理位置 - Windows.navigator.geolocation
canvas 画布
svg 绘图: 可伸缩矢量图形
web worker: 在当前 JavaScript 主进程中开启一个异步线程 (独立工作, 在主线程以外运行),Windows.postMessage 可用于解决跨域数据传输.
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript">
- //Web 页主线程
- var worker = new Worker("worker.js"); // 创建一个 Worker 对象并向它传递将在新线程中执行的脚本的 URL
- worker.postMessage("hello world"); // 向 worker 发送数据
- worker.onmessage = function(e) { // 接收 worker 传过来的数据函数
- console.log(e.data);
- }
- worker.terminate() // 终止
- </script>
- </head>
- <body>
- </body>
- </HTML>
- //worker.JS
- onmessage =function (e){
- var data = e.data;// 通过 e.data 获得发送来的数据
- postMessage( data );// 将获取到的数据发送会主线程
- }
- Web storage(常考 localStorage,sessionStorage,cookie 以及 session 之间的区别)
- localStorage.setItem(key,value);// 保存数据
- let value = localStorage.getItem(key);// 读取数据
- localStorage.removeItem(key);// 删除单个数据
- localStorage.clear();// 删除所有数据
- let key = localStorage.key(index);// 得到某个索引的值
localStorage: 永久存储, 存储在浏览器端, 存储容量为 8M, 保存的数据为字符串
sessionStorage: 会话存储, 窗口关闭即清除, 存储在浏览器端, 存储容量为 8M, 保存的数据为字符串
cookie: 存储在浏览器端, 每次发送 http 请求时携带, 存储容量为 4k, 保存的数据为字符串
session: 存储在服务器端, 安全性更高, 保存的数据为对象
Web socket: 浏览器端和服务器端之间的全双工通信机制 (没有同源限制, 客户端可以和任意服务器端进行通信), 服务器可以主动推送数据到服务端.
允许控制哪些文件需要缓存 (CACHE,NETWORK...)
来源: http://www.jianshu.com/p/c05493db1768