Fe-interview: [html] 第95天 HTML5标准提供了哪些新的API?你有用过哪些?

Created on 19 Jul 2019  ·  5Comments  ·  Source: haizlin/fe-interview

第95天 HTML5标准提供了哪些新的API?你有用过哪些?

html

Most helpful comment

  • 两个选择器API

    • document.querySelector()

    • document.querySelectAll()

  • 地理定位API

    • getCurrrentPosition()

  • 多媒体API

    • <video></video>

    • <audio></audio>

  • 拖放
<div ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div draggable="true" ondragstart="drag(event)"></div>
  • 文件
    window.requestFileSystem()
  • XHR2
var xhr = new XMLHttpRequest();
xhr.open("POST", "@Url.Action("Upload")")
  • 本地存储API

    • localStorage

    • sessionStorage

  • canvas
<canvas id="myCanvas" width="200" height="100">
  • svg
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

All 5 comments

两个选择器API
地理定位API
多媒体API
拖放API
文件API
XHR2
本地储存API
canvas svg

画布
本地存储
多媒体
定位

  • 两个选择器API

    • document.querySelector()

    • document.querySelectAll()

  • 地理定位API

    • getCurrrentPosition()

  • 多媒体API

    • <video></video>

    • <audio></audio>

  • 拖放
<div ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div draggable="true" ondragstart="drag(event)"></div>
  • 文件
    window.requestFileSystem()
  • XHR2
var xhr = new XMLHttpRequest();
xhr.open("POST", "@Url.Action("Upload")")
  • 本地存储API

    • localStorage

    • sessionStorage

  • canvas
<canvas id="myCanvas" width="200" height="100">
  • svg
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

通知API, Notification

fetch/ file API

Was this page helpful?
0 / 5 - 0 ratings