HTML5杂记

202 阅读1分钟

html

语义化标签

  • 理解:把class改成标签名字。
  • 优点:易于人看//易于搜索引擎解析页面结构抓取关键信息//易于无障碍阅读

input加强与shadow dom

  • H5可以定义type标签来渲染出不同的input形式
  • 原理:input标签内部装载了一个隐藏的dom树,其行为对于当前页面dom完全不可见,用这个隐藏的dom树渲染出了不同的复杂input。

audio/video+source

  • 替代了flash插件,可以在网页插入音乐与视频。
  • 标签内部可使用来按序选择一个可用的格式。

canvas

  • 目前我不会~

本地缓存

  • cookie:在客户端服务端直接不断传递,由于http头长度限制一般不超过4kb。
  • session:服务端的临时会话信息储存对象,给客户端一个seesionID。
  • Cache Manifest:H5的本地离线缓存。
  • Stroage:存储字符串对象。sessionStorage储存在进程内存中,关闭就噶。localStroage储存在磁盘内存中,但是仍然保持同源策略(域名端口协议)。

StroageApi

sessionStroage.setItem(key,value);//增
let a = sessionStroage.getItem(name);//查
sessionStorage.removeItem(name);//删
sessionStorage.clear();//清空
let len = sessionStorage.length//长度
object.addEventListener('stroge',callBackFunction);//更改监听

web worker

可以让单线程的js执行线程开出一个额外的执行任务的线程。但是完全归主线程管所以并不影响单线程思想。