移動端常見特效和本地儲存

2022-07-01 16:57:10 字數 1242 閱讀 3797

2021-03-13 22:42:16 星期六

click移動端300s延時解決方案

原因:移動端雙擊螢幕會縮放

禁用縮放

利用touch事件自己封裝這個事件 解決300ms延遲

原理:(1)當我們手指觸控螢幕,記錄當前觸控時間;

(2)當我們手指離開螢幕, 用離開的時間減去觸控的時間;

(3)如果時間小於150ms,並且沒有滑動過螢幕, 那麼我們就定義為點選

使用外掛程式(js檔案)

fastclick 外掛程式解決300ms 延遲(引入fastclick.js檔案)

isuperslide:

i iscroll:

bootstrap js外掛程式使用步驟

(1)引入相關 js檔案

(2)複製html 結構

(3)修改對應樣式

(4)修改相應js 引數

1、資料儲存在使用者瀏覽器中

2、設定、讀取方便、甚至頁面重新整理不丟失資料

3、容量較大,sessionstorage 約5m、localstorage 約20m

4、只能儲存字串,可以將物件json.stringify() 編碼後儲存

1、生命週期為關閉瀏覽器頁面

2、在同乙個頁面下資料可以共享

3、以鍵值對的形式儲存使用

儲存資料

sessionstorage.setitem(key, value)

獲得資料

sessionstorage.getitem(key)

刪除資料

sessionstorage.removeitem(key)

清空資料

sessionstorage.clear()

宣告週期永久生效,除非手動刪除 否則關閉頁面也會存在

可以多頁面共享(同一瀏覽器頁面可以共享)

以鍵值對的形式儲存使用

儲存資料

localstorage.setitem(key, value)

獲得資料

localstorage.getitem(key)

刪除資料

localstorage.removeitem(key)

清空資料

localstorage.clear()

移動端 本地儲存

1.什麼是 cookie?cookie 是一些資料,儲存於你電腦上的文字檔案中。cookie最大儲存 4kb 當 web 伺服器向瀏覽器傳送 web 頁面時,在連線關閉後,服務端不會記錄使用者的資訊。cookie 的作用就是用於解決 如何記錄客戶端的使用者資訊 2.建立cookie document...

Web 本地儲存和Vue本地儲存例項

資料的設定和讀取比較方便。容量較大,sessionstorage大約為5mb,localstorage大約為20mb。只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify 或者parse 進行序列化和反序列化編碼 sessionstorage的儲存週期只有一次會...

HTML本地儲存和離線儲存

1.本地儲存 web storage 2.本地儲存 indexeddb 3.本地儲存的擴充套件介紹 5.總結 1.儲存大小限制,僅4kb左右 2.單個網域名稱下的數量限制,50個左右 3.汙染請求頭,浪費流量 1.相同的使用方法 2.不同的儲存時效 3.不同的儲存容量 1.使用setitem方法設定...