html5知識點補充 客戶端儲存

2021-09-19 22:55:23 字數 749 閱讀 7868

會話儲存(sessionstorage)和本地儲存(localstorage)在實現方式上十分相似,而僅僅在作用域和資料持久化方面有所區別。瀏覽器為每種儲存型別都提供了一種儲存介面:sessionstoragelocalstorage,它們都能使用鍵值對列表儲存資料。你可以為乙個鍵設定乙個值,然後通過改建訪問相應的值。兩種儲存物件都提供了用於設定值、獲取值、刪除鍵、獲取鍵列表特定位置和清除所有鍵值對的方法。每種儲存物件型別的方法和屬性都是相同的。這是因為,它們都是從web storage規範定義的storage介面繼承而來。

ps:setitem中的value的型別為字串,也就是說,如果你需要儲存數字,必須在儲存時將其視為字串,然後在訪問時將其轉換回正確的資料格式。

使用示例如下所示:

事件可以是因為乙個新鍵值對的插入、更新或者刪除事件而觸發。頁面可以建立監聽這些事件的相應函式,在接受到相應事件進行處理。storageevent事件包含了幫助決定如何處理的屬性。

屬性型別

目的key

domstring

發生變化的鍵

oldvalue

domstring

舊值newvalue

domstring

新值url

domstring

發生變化的頁面url

storagearea

storage

更新發生的儲存區域

html5移動端知識點總結

1.1使用 查詢,不同解析度設定不同的html的font size min width 320px min width 360px min width 400px min width 640px 優點 使用css即可實現,不需要js 缺點 只能匹配部分機型 1.2使用js 控制html的font s...

html5移動端製作知識點總結

固屏類流體設計 1.京東 2.網 全屏 固屏,導航一般用全屏 四 標籤,放在之間 name viewport 視窗設定 width device width 頁面大小螢幕等寬 initial scale 1.0 初始縮放比例,1.0 表示原始比例大小 minimum scale 1.0 允許縮放的最...

html5知識點補充 mark元素的使用

利用mark元素,文件作者可以高亮顯示文件中的某些文字以達到醒目的效果。如果使用者在站點進行搜尋,搜尋頁面中的關鍵字可以高亮顯示。這時,就可以很好的利用到mark元素。不選用strong或者em元素的原因是,我們並非想要強調這些關鍵字,而僅僅是為使用者提供高亮效果。示例如下 pellentesque...