H5高階 儲存

2022-09-07 06:42:10 字數 1468 閱讀 7103

html5程式設計介面:

canvas api、拖放api、地理位置api、儲存api、檔案api、通訊api、多執行緒api、離線api、歷史api

選擇元素:

queryselector(「選擇器」)     獲取乙個元素

queryselectorall("選擇器") 獲取多個元素

監聽事件:

addeventlistener("事件",函式,false)    新增監聽

removeeventlistener("事件",函式)   移除監聽

除錯:console.log("內容")

課程內容:

json格式要求:

1、復合型別的值,只能是陣列或物件,不能是函式、正規表示式、日期

2、原始型別的值只有四種:字串、數值(必須是10進製)、布林和null(不能使用nan\infinity\undefined\-infinity)

3、字串必須使用雙引號表示,不能使用單引號

4、物件的鍵名必須放在雙引號裡面。

5、陣列或物件最後乙個成員的後面不能加逗號

json型別:數字型別、字串型別、布林型別、陣列型別、物件型別、null

案例:符合json格式:

陣列:["張三","李四","王五"]

物件:複雜物件:

物件陣列:[,]

不符合json格式:

//屬性必須加雙引號,不能有單引號

[32,55,0xfff]     //不能使用16進製制

//不能undefined

json的靜態方法:

json.stringify(js物件或者陣列) 用於將值轉換為json字串

json.parse(js物件或者陣列)  將json字串還原成json物件(滿足json格式)

web儲存

儲存技術:cookie->userdata->flash cookie ->gears->sessionstorage(會話儲存)/localstorage(本地儲存)

sessionstorage(會話儲存)和 localstorage(本地儲存)區別:

1)操作**完全相同,區別在於儲存資料的壽命不一樣

2)sessionstorage用於儲存那些會話存在時跨頁面傳遞的資料

3)localstorage 主要用於儲存訪客將來還能看得到的資料,4m

web儲存練習

H5離線儲存

首先,我們建立乙個html檔案,類似這樣 network,與fallback,其中network和fallback為可選項,而第一行cache manifest為固定格式,必須寫在前面。cache 必須 標識出哪些檔案需要快取,可以是相對路徑也可以是絕對路徑。例如 aa.css,network 可選...

h5離線儲存 manifest

1 問題分析 html5提出的乙個新的特性 離線儲存。通過離線儲存,我們可以通過把需要離線儲存在本地的檔案列在乙個manifest配置檔案中,這樣即使在離線的情況下,使用者也可以正常看見網頁。2 核心問題講解 這個 不是很常用 就是告訴大家 以後見到要認識 使用 1 在需要離線快取儲存的頁面 加上 ...

H5 資料儲存localStorage

doctype html html lang en head meta charset utf 8 title title title head body pre localstorage的使用 1.儲存的內容大概20mb 2.不同瀏覽器不能共享資料。但是在同乙個瀏覽器的不同視窗中可以共享資料 3....