eb Storage

HTML5 提供了兩種在客戶端存儲數據的新方法

• localStorage 沒有時間限制的數據存儲
• sessionStorage 針對一個 session 的數據存儲，當用戶關閉瀏覽器窗口后，數據會被刪除

對于不同的網站，數據存儲于不同的區域，并且一個網站只能訪問其自身的數據。HTML5 使用 JavaScript 來存儲和訪問數據。

用戶訪問頁面次數的統計，用localStorage對象實現

if (localStorage.pagecount) {
    localStorage.pagecount=Number(localStorage.pagecount) + 1;
} else {
    localStorage.pagecount=1;
}

document.write('Visits: ' + localStorage.pagecount + ' time(s).');

對用戶在當前 session 中訪問頁面的次數進行計數

前最具人氣的前端開發技術框架是什么？移動至上時代的來臨促使越來越多的開發者利用HTML 5開發移動友好型網站。HTML 5的主要優勢一直在不斷演進，旨在提供足以與原生技術相匹配的功能。從雷軍這樣的互聯網精英人士到菜場股市大媽都深信一點：只要站在風口，豬也能夠飛起來，那么對于IT技能領域來講，2016年這只“豬”當之無愧屬于HTML5開發技術，HTML5從根本上改變了開發商開發web應用的方式，從桌面瀏覽器到移動應用，這種語言和標準都影響并將繼續影響各種操作平臺。憑借著面向開發者與最終用戶的強大及新鮮功能，HTML 5已經被世界各地網站所廣泛采用。HTML 5適用于所有現代桌面與移動瀏覽器，亦可用于移動Web應用的開發工作。

今天學院君帶你一圖流看懂HTML 5六大核心優勢。

1.跨平臺：

在多屏年代，開發者的痛苦指數非常高，人人都期盼HTML5能扮演救星。多套代碼、不同技術工種、業務邏輯同步，這是折磨人的過程。有點類似個人電 腦早期世界，那個時候的每家電腦都有自己的操作系統和編程語言，開發者疲于做不同版本，其實DOS的盛行也很大程度是因為開發者實在沒精力給其他電腦寫程 序?？缙脚_技術在早期大多因為性能問題夭折，但中后期硬件能力增強后又會占據主流，因為跨平臺確實是剛需。你的現代流行瀏覽器都支持HTML5(Chrome，Firefox，Safari，IE9和Opera)，并且創建了HTML5 doctype這樣所有的瀏覽器，即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器能夠識別doctype并不意味它可以處理HTML5標簽和功能。幸運的是，HTML5已經使得開發更加簡單了，更多支持更多瀏覽器，這樣老的IE瀏覽器可以通過添加javascript代碼來使用新的元素。

2.視頻和音頻支持

忘了flash和其它第三方應用吧，讓你的視頻和音頻通過HTML5標簽和來訪問資源。正確播放媒體一直都是一個非常可怕的事情，原生開發方式對于文字和音視頻混排的多媒體內容處理相對麻煩，需要拆分開文字、圖片、音頻、視頻，解析對應的URL并分別用不同的方式處理。HTML5在這個方面完全不受限制，可以完全放在一起進行處理。設計師要知道，如果新聞類、微博類、社交類應用的信息呈現中實現文字與多媒體混排，而不用專門嵌入webview，將是一件多美好的事情，至少現在原生方式實現起來還有困難。在國外大型社區網站FACEBOOK、視頻分享網站YOUTUBE、谷歌和微軟等網站，都已經使用html5作為默認技術，它的優點就是省電，流暢和清晰，因為采用了統一的國際標準H.264，國內已經出現手機html5視頻網站。網內大火的bilibili也開始試水HTML 5播放器。

3. 游戲開發

沒錯， 你可以使用HTML5的開發游戲。HTML5提供了一個非常偉大的，移動友好的方式去開發有趣互動的游戲。如果你開發Flash游戲，你就會喜歡上HTML5的游戲開發。手機頁游的3D化是大勢所趨，隨著硬件能力的提升、WebGL標準化的普以及手機頁游的逐漸成熟，大量開發者需要創作更加精彩的3D內容。白鷺研發的3D引擎，將助力手機頁游（HTML5游戲）產品形態從2D跨域到3D?？梢灶A見，今年手機頁游將出現高品質的3D內容。 隨著超級APP、瀏覽器等渠道流量的開放，以及HTML5游戲品質的提升，出現多款千萬月流水的爆款已經不是懸念。運氣不錯的話，有望出現1000萬利潤的產品。對，利潤，不是流水。

4.網頁應用開發

HTML5是web應用的未來，不要掉隊了!HTML5 Web Storage API可以看做是加強版的cookie，不受數據大小限制，有更好的彈性以及架構，可以將數據寫入到本機的ROM中，還可以在關閉瀏覽器后再次打開時恢復數據，以減少網絡流量。同時，這個功能算得上是另一個方向的后臺“操作記錄”，而不占用任何后臺資源，減輕設備硬件壓力，增加運行流暢性。在線app支持邊使用邊下載離線緩存，或者不下載離線緩存;而離線app必須是下載完離線緩存才能使用。形象點說，cookie就是存了電話和菜單，想吃什么要叫外賣，等多長時間才能吃到就得看交通情況了;離線緩存就是直接在冰箱里存了食物，想吃就能馬上吃到(當然，想吃最新的食物同樣可以打電話預定)。設計師要知道，什么時候讓用戶下載離線緩存(注意在線和離線app的區別)。

除此之外值得一提的還有WebVR，WebVR就是通過HTML5將虛擬現實場景嵌入到網頁，目前已受到谷歌、Facebook等巨頭的擁護。Web擴展了VR的使用范圍，很多生活化的內容納入了VR的創作之中，如實景旅游，新聞報道、虛擬購物等，其內容展示、交互都可以由HTML5引擎輕松創建出來。去年12月白鷺與暴風魔鏡，合作成立國內首個WebVR實驗室，也是希望用HTML5來打造低成本、快捷、低門檻的VR游戲、影音體驗。

5. 更好的互動

我們都喜歡更好的互動，我們都喜歡對于用戶有反饋的網站，用戶可以享受互動的過程。輸入，HTML5的畫圖標簽允許你做更多的互動和動畫，就像我們使用Flash達到的效果。

6.又見SEO

HTML5有著開放的數據交換：HTML是以page為單元開放代碼的，它無需專門開發SDK，只要不混淆，就能與其他應用交互數據。開發者可以讓手機搜索引擎很容易檢索到自己的數據， 也更容易通過跨應用協作來滿足最終用戶需求。這意味著更容易推廣、更容易爆發：導流入口多：HTML5應用導流非常容易，超級App(如微信朋友圈)、搜索引擎、應用市場、瀏覽器，到處都是HTML5的流量入口。而原生App的流量入口只有應用市場。聰明的HTML5開發者當然會玩轉各種流量入口從而取得更強的優勢。流量大也是一個重要的點，前段時間微信朋友圈風靡一時《神經貓》，這個游戲如果放到Appstore，絕對沒有那么多流量，超級App帶來的流量，遠大于原生應用市場。假如微信允許游戲在桌面創建快捷方式、假如游戲后續升級解決持續娛樂問題，未來不可想象。還值得一提的是導流效率高，除了入口多、流量大，導流效率高也不可忽視，誰都知道：頁游和端游打同樣的廣告，廣告變用戶的轉化率，頁游遠遠高于端游。

吹了這么久的HTML 5，一個重要的問題浮現了：你說的我都懂，可是開發HTML 5也不容易??！說到這里學院君必須給大家獻上今天的終極福利，那就是性能最優的HTML5,CSS和JavaScript移動、Web開發框架，Visual Studio開發人員開發跨平臺產品的首選工具——DevExtreme。

選擇DevExtreme的四大理由：

1.簡化移動應用開發

運用DevExtreme Complete Subscription創建高度響應式的移動應用。運用強大的HTML、CSS3和JavaScript交付實現一系列如本地應用程序的商業解決方案，不用學習各種語言或框架，你只需要懂得HTML和JavaScript，就可以開始進行你的跨平臺開發。

無論是iPad、iPhone、Android、Windows Phone還是Surface tablet，DevExtreme Complete Subscription可以交付實現。

支持Apache Cordova (PhoneGap)。這意味著用DevExtreme創建的每個移動app都可以在目標設備上運行，并且可以隨時提交到Apple App Store 或 Google Play Store。

2.完美的數據可視化

DevExtreme Complete Subscription為智能手機和平板電腦封裝了易于使用的HTML JavaScript應用程序，包含超過30種觸摸優化的本地UI小工具，可用于任何應用程序的單個頁面。主要包括以下數據可視化工具：

圖表和儀表：DevExtreme Complete Subscription包含高性能的線形圖、面積圖、柱狀圖和財務HTML5圖表工具。同時還有非常漂亮的圓形和線形HTML5儀表工具。

量程選擇器：HTML 5范圍和值的選擇器，帶有Google仿真圖表。

多功能小部件：一個完整的HTML5多功能小部件，你可以創建與目標平臺最匹配的工具。

自適應樣式：DevExtreme Complete Subscription應用特定設備的樣式到所有組件，讓其看起來有一個本地外觀，且開箱即用。

3.完美集成Visual Studio

DevExtreme Complete Subscription 已經為Visual Studio做了一系列的優化，熟悉VS的開發人員可以立即著手開始創建運行于iOS, Android和交互式Web下的apps。

運用Visual Studio的項目模板和向導幫助你馬上開始。完整集成的View Designer和代碼窗口可以構建理想的視圖，所有這一切都在Visual Studio中完成。

在Visual Studio內使用內置的設備模擬器，或者DXProxy和瀏覽器調試器調試你的移動應用。用DevExpress Courier App在PhoneGap環境下立即執行應用，交互一個本地的、可以立即上市的IOS和Android應用包，而不受平臺SDK或額外服務器的限制。

4.一種語言、一個代碼庫搞定任何app

一個SDK：DevExtreme Complete Subscription只需通過一個SDK就可以交付到所有常用的平臺上，真正的代碼重用和省心的項目管理。

MVVM：支持Knockout.js，意味著Model View（基于UI開發的ViewModel）將變得前所未有的簡單。

jQuery：開發者當前所掌握的東西全部都可以利用起來，不用擔心知識上的限制。

為了更美好的職業前景，為了升職加薪走上人生巔峰，還不投入慧都學院君的懷抱！

更多行業資訊，更新鮮的技術動態，盡在慧都學院。