9月12号内容

HTML5 新增的知识点

1 video/audio

  • 讲解video 标签 http://www.w3school.com.cn/html5/html5_video.asp

  • 注意autoplay,preload 存在兼容性问题

  • 在手机端ios上不支持自动播放,必须要有人工的动作,比如click 或者touchstart

  • video常见的方法和事件(http://www.w3school.com.cn/tags/htmlrefeventattributes.asp

  • 常见的属性

    paused
    ended
    played 
    seekable
    currentTime
    
    • duration

      1) ontimeupdate
      2) onplay  play函数调用的时候
      3) onpause pause 函数调用的时候
      4) onended
      5) onload,onloadeddata,onloadedmetadata,onloadstart
      6) 如何实现快进? currentTime = 12;
      参考类库: videojs
      

2 canvas (http://www.w3school.com.cn/tags/htmlrefcanvas.asp

3 history

4 localstorage, sessionStorage

  • localStorage和sessionStorage的区别

  • ls的场景

    兼容性:使用trycatch

  • ls 和 cookie的区别

5 postMessage

  • postMessage 主要是在iframe 里面进行通信的,可以解决跨域的问题

  • 理解两个:

    • 1 postMessage
    • 2 onmessage

6 梳理跨域情况的相关解决方案