外部資料
效果：
頁面結構：
00:00:00
\00:00:00
js**：
var video=$("video")[0];
$(".switch").click(function()
else
});/*全屏*/
$(".expand").click(function());
video.oncanplay=function(),2000);
}video.ontimeupdate=function()
}
獲取地理資訊方式
a)ip位址
b)三維座標
c)gps（global positioning system，全球定位系統）
d)wi-fi
e)手機訊號
f)使用者自定義資料
如下圖對不同獲取方式的優缺點進行了比較，瀏覽器會自動以最優方式去獲取使用者地理資訊。
隱私: 推送通知
html5 geolocation(地理位置定位) 規範提供了一套保護使用者隱私的機制。必須先得到使用者明確許可，才能獲取使用者的位置資訊
定義和用法：拖放是 html5 中非常常見的功能。
在拖放的過程中會觸發以下事件：
a)在拖動目標上觸發事件 (源元素):
注意：1.在拖動元素時，每隔 350 毫秒會觸發 ondrag 事件。
2.為了讓元素可拖動，需要使用 html5 draggable =」true」屬性
3.鏈結和預設是可拖動的，不需要 draggable 屬性
4.可以通過addeventlistener來新增拖拽相關事件
5.事件源：觸發事件的源，一般情況下我們會將相同操作的多個物件繫結到同乙個處理事件，同時傳遞當前的物件到處理方法，這就是事件源引數
6.通過事件來捕獲當前被拖拽的元素
7.通過e.datatransfer.setdata("text", e.target.id);儲存的值，這能在ondrop事件中通過e.datatransfer.getdata("text")獲取到，其他事件不能獲取
3.小案例：實現元素的拖拽操作：
2.網頁結構**：
試著把我拖過去
3.js** (幾個事件的說明)：
html5提供的解決方案：
a)window.sessionstorage
b)window.localstorage
特點：a)設定、讀取方便
b)容量較大，sessionstorage約5m、localstorage約20m
c)只能儲存字串，可以將物件json.stringify() 編碼後儲存
window.sessionstorage的使用
a)特點：
i.生命週期為關閉瀏覽器視窗：相當於儲存在當前頁面的內記憶體中
ii.在同乙個視窗下資料可以共享(在當前頁面下可以獲取到，換另外乙個頁面下不能獲取到)
b)方法介紹：(兩種儲存方式的方法一致)
i.setitem(key,value):設定資料，以鍵值對的方式
ii.getitem(key):通過指定的鍵獲取對應的值內容
iii.removeitem(key):刪除指定的key及對應的值內容
iv.clear():清空所有儲存內容
c)使用說明：
a)特點：
i.永久生效，除非手動刪除：儲存在硬碟上
ii.可以多視窗共享。但是不能跨瀏覽器
b)使用說明：
概念：使用 html5，通過建立 cache manifest 檔案，可以輕鬆地建立 web 應用的離線版本
優勢：a)可配置需要快取的資源
b)網路無連線應用仍可用
c)本地讀取快取資源，提公升訪問速度，增強使用者體驗
d)減少請求，緩解伺服器負擔
cache manifest 基礎：
a)如需啟用應用程式快取，請在文件的 標籤中包含 manifest 屬性：
cache ：
/theme.css
/logo.gif
/main.js
* # * 號代表所有檔案
network:
login.asp
fallback 小節規定如果無法建立網際網路連線，就使用指定的資源代替所請求的url的資源，如：
fallback:
/html5/ /404.html
/ # /號代表所有檔案
window.online使用者網路連線時被呼叫
window.offline使用者網路斷開時被呼叫
示例：
/*網路連線時呼叫*/
window.addeventlistener("online",function(e));
/*網路斷開時呼叫*/
window.addeventlistener("offline",function(e));
btn.onclick=function()
else if(docuele.webkitrequestfullscreen)
else if(docuele.mozrequestfullscreen)
}
判斷是否全屏
document.fullscreenelement 返回布林值
注意！只有在火狐瀏覽器下的屬性名才符合camel命名法
filereader:讀取檔案內容
1. readastext():讀取文字檔案(可以使用txt開啟的檔案)，返回文字字串，預設編碼是utf-8
2. readasbinarystring():讀取任意型別的檔案。返回二進位制字串。這個方法不是用來讀取檔案展示給使用者看，而是儲存檔案。例如：讀取檔案的內容，獲取二進位制資料，傳遞給後台，後台接收了資料之後，再將資料儲存
3. readasdataurl():讀取檔案獲取一段以data開頭的字串，這段字串的本質就是dataurl.dataurl是一種將檔案(這個檔案一般就是指影象或者能夠嵌入到文件的檔案格式)嵌入到文件的方案。dataurl是將資源轉換為base64編碼的字串形式，並且將這些內容直接儲存在url中》優化**的載入速度和執行效率。
abort():中斷讀取
/獲取資料/
/filereader提供乙個完整的事件模型，用來捕獲讀取檔案時的狀態
* onabort:讀取檔案中斷片時觸發
* onerror:讀取錯誤時觸發
* onload:檔案讀取成功完成時觸發
* onloadend:讀取完成時觸發，無論成功還是失敗
* onloadstart:開始讀取時觸發
* onprogress:讀取檔案過程中持續觸發/
day2學習筆記
硬體 cpu，主機板，記憶體，電源 主機箱，硬碟，顯示卡，滑鼠 鍵盤 軟體軟體 開發 軟體開發 人機互動 圖形化介面，命令列 科學計算，資料處理，自動控制，計算機輔助設計，人工智慧 tab shift ctrl alt 空格 全選 ctrl a 複製 ctrl c 貼上 ctrl v 撤銷 ctrl...
學習筆記day2
1,上節內容回顧。cpu 用於運算。記憶體 臨時儲存一些資料。斷電即消失。硬碟 永久儲存所有的資料。作業系統 連線軟體與硬體的中介介質。編譯型 一次性，全部編譯成二進位制檔案。解釋型 當程式執行時，一行一行，位元組碼，二進位制。py2 重複，不規範 py3 優化，清新，簡單。encoding utf...
html5學習筆記day05
1.css選擇器 1 基本選擇器 2 層次選擇器 3 屬性選擇器 first name 4 偽類選擇器 hover first child last child nth child nth last child 5 偽元素選擇器 before after first letter first lin...