移動web——移動web開發簡介，WebStorgae簡介

1.0針對移動端的開發方式可以分為3種：
1.移動web(移動網頁):在移動web瀏覽器中執行的web應用.
2.Native App (原生應用):用Android和Object-C等原生語言開發的移動應用
3.Hybrid APP (混合應用):將移動web頁面封裝在原生外殼中,以APP形式與使用者進行互動
4.移動web開發是以Hybrid APP開發為基礎的具有開發成本低,維護更新簡單,無需安裝,跨平臺等優點,但在使用者體驗和效能上稍差

1.1 移動web開發和PC端web開發的區別:
1.PC端web開發主要由HTML,CSS,和JavaSjacript技術來實現,內容包括網站頁面內容,樣式的呈現,使用者的互動,資料的呈現等,它需要PC
端瀏覽器對HTML,CSS,和javascript及其他技術的支援,在開發時,還要考慮瀏覽器的差異化和相容性,
2.移動Web開發:實際技術和PC端web開發類似,但是移動web的開發專案的呈現依賴於移動端web瀏覽器,
注意:由於螢幕大小限制,在移動web中需要注意頁面結構,做到精簡明晰,同時在開發的時候會增加一些觸屏事件

	移動web瀏覽器可以訪問一切通過html等語言構建的網站和程式.具有以下特點:1.螢幕尺寸限制,2.加入手勢操作,3.硬體裝置侷限性,4.可支援HTML5規範

1.2基於html5的移動web開發：1.多媒體,2.canvas,3.本地儲存,4.離線應用,5.地理定位

1.3HTML5的本地儲存解決方案中定義了兩個重要的API:Web Storage 和本地資料庫 Web SQL Database

1.4Web Storage API 中包含兩個關鍵物件 window.localStorage 物件和window.sessionStorage
window.localStorage用於本地儲存,window.sessionStorage用於區域儲存.

1.5Web Storage的特點:
1.設定資料和讀取資料都比較方便
2.容量較大,sessionStorage約為5M,localStorage約20MB
3.只能儲存字串,如果儲存JSON物件,可以使用window.JSON和stringify()方法和parse()方法進行序列化和反序列化,

1.6Web Storage優勢:
1.減少網路流量:一旦資料儲存在本地後,就可以避免再向伺服器請求資料,減少不必要的資料請求,減少資料在瀏覽器和伺服器之間不必要的傳遞
2.快速顯示資料:效能好,從本地讀取資料比通過網路從伺服器獲得資料快得多,本地資料可以即時獲得,
3.臨時儲存:很多時候資料只需要在使用者瀏覽一組頁面期間使用,關閉視窗後資料就可以丟棄,這種情況就可使用 sessionStorage

1.7localStorage主要作用
localStorage 是本地儲存,將資料以鍵值對的形式儲存在客戶端計算機中,直到使用者或者指令碼主動清除資料,否則資料將被持久化儲存.
localStorage在於擴充cookie的4kB限制,並可以將第一次請求的資料直接儲存到本地,相當於5NMB的前端頁面，同時localStorage更節省頻寬

1.8web localStorage的缺點：
1.瀏覽器環境不一樣，只有IE8 以上才支援這個屬性
2.目前所有瀏覽器都會把localStorage的值型別轉換成String型別，對日常的JSON需要做一些轉換
3.localStorage在瀏覽器隱私模式下是不可讀取的
4.localStorage的本質是對字串的讀取，如果儲存過多的內容會多消耗空間，導致頁面下載緩慢
5.localStorage不能被網路爬蟲爬到