HTML5中有兩種本地存儲(web storage),一種是會話級別的sessionStorage,這種存儲方式的值一般會在瀏覽器窗口失效;另一種是永久有效的localStorage,除非是自動刪除,不然這種的存儲方式的值會一直有效。上一篇文章介紹的koa-session,這個就是后台的會話級別,和前端的sessionStorage的邏輯意思是一樣的。下面介紹的是前端登錄時記住密碼的localStorage存儲。
前端的頁面如下:
當勾選記住密碼時,記住密碼的代碼如下:
下次登錄時,頁面會自動獲取獲取賬號和密碼,代碼如下: