注意以下 移動端的js開發(fā)，我們一般的開發(fā)做法就是使用第三方j(luò)s框架或者插件去開發(fā)，有線考慮一下插件，而不是框架。不太會去寫原生的js，因為實在是太過于麻煩了
隨著互聯(lián)網(wǎng)的快速發(fā)展，基于網(wǎng)頁的應(yīng)用越來越普遍，同時也變的越來越復(fù)雜，為了滿足各種各樣的需求，會經(jīng)常性在本地存儲大量的數(shù)據(jù)，HTML5規(guī)范提出了相關(guān)解決方案。
1、數(shù)據(jù)存儲在用戶瀏覽器中
2、設(shè)置、讀取方便、甚至頁面刷新不丟失數(shù)據(jù)
3、容量較大，sessionStorage約5M、localStorage約20M
4、只能存儲字符串，可以將對象JSON.stringify() 編碼后存儲
1、生命周期為關(guān)閉瀏覽器窗口
2、在同一個窗口(頁面)下數(shù)據(jù)可以共享
3、以鍵值對的形式存儲使用
存儲數(shù)據(jù)：
sessionStorage.setItem(key, value)獲取數(shù)據(jù)：
sessionStorage.getItem(key)刪除數(shù)據(jù)：
sessionStorage.removeItem(key)清空數(shù)據(jù)：(所有都清除掉)
sessionStorage.clear()1、聲明周期永久生效，除非手動刪除 否則關(guān)閉頁面也會存在
2、可以多窗口（頁面）共享（同一瀏覽器可以共享）
3.??以鍵值對的形式存儲使用
存儲數(shù)據(jù)：
localStorage.setItem(key, value)獲取數(shù)據(jù)：
localStorage.getItem(key)刪除數(shù)據(jù)：
localStorage.removeItem(key)清空數(shù)據(jù)：(所有都清除掉)
localStorage.clear()如果勾選記住用戶名， 下次用戶打開瀏覽器，就在文本框里面自動顯示上次登錄的用戶名
把數(shù)據(jù)存起來，用到本地存儲
關(guān)閉頁面，也可以顯示用戶名，所以用到localStorage
打開頁面，先判斷是否有這個用戶名，如果有，就在表單里面顯示用戶名，并且勾選復(fù)選框
當復(fù)選框發(fā)生改變的時候change事件
如果勾選，就存儲，否則就移除
源代碼分析
<body> <input type="text" id="username"> <input type="checkbox" name="" id="remember"> 記住用戶名 <script> //首先我們要先獲取元素 var username = document.querySelector('#username'); var remember = document.querySelector('#remember'); //開始執(zhí)行的核心代碼塊 if (localStorage.getItem('username')) { username.value = localStorage.getItem('username'); remember.checked = true; } remember.addEventListener('change', function() { if (this.checked) { localStorage.setItem('username', username.value) } else { localStorage.removeItem('username'); } }) </script></body>