Skip to content

Latest commit

 

History

History
65 lines (47 loc) · 1.43 KB

html5-study.md

File metadata and controls

65 lines (47 loc) · 1.43 KB

HTML5

JavaScript > CSS3 > HTML

Offline / Storage

  • Web Strogate - Y.Cache 有使用
  • Web SQL Database - 採用 sqlite 嵌入式資料庫 (W3C 不推薦)
  • Indexed DB - Key / Value 對應的資料庫 (微軟與火狐背書)
  • Application Cache - 網站離線瀏覽 (Mobile Web 版的 Gmail)

Realtime / Commnunication

  • Web Worker - Android, iOS5, IE9 是 PC 唯一不能用的
  • WebSocket - 雙向持續連線
  • Notification

File / Hardware Access

  • Native Drag & Drop
  • Desktop Drag-in - Y.Uploader 有使用
  • Drag-out
  • FileSystem - 將檔案寫入使用者電腦中(被安全隔離)
  • Geolocation
  • Device Orientation
  • Speech Input (x-webkit-speech)

Semantic & Markup

Graphic / Multimedia

  • audio
  • video
  • Canvas 2D - Y.Graphic
  • Canvas 3D (WebGL)
  • Inline SVG

CSS3

:nth-child :not :first-child

  • Web Fonts
  • background-size

Extras

  • Custom data-* attributes

  • History API - Check it with github (Y.History, Y.pjax)

  • classList - 類似陣列可用 add, remove, toggle 操作

  • Chrome Frame