建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
HTML 5草案的前身名為Web Applications 1.0，是近十年來(lái)Web開(kāi)發(fā)標(biāo)準(zhǔn)最巨大的飛躍。和以前的版本不同，HTML 5并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容，它的新使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML 5平臺(tái)上，視頻，音頻，圖象，動(dòng)畫(huà)，以及同電腦的交互都被標(biāo)準(zhǔn)化。
TaskBox是一個(gè)基于云計(jì)算的面向企業(yè)及各類(lèi)組織團(tuán)體的可跨部門(mén)、跨公司、跨地域的辦公自動(dòng)化協(xié)作平臺(tái)。以企業(yè)日常工作為基礎(chǔ)，實(shí)現(xiàn)企業(yè)各種工作的規(guī)范性發(fā)布、接收及記錄，并對(duì)所有工作進(jìn)行跟蹤存檔等，以達(dá)到提高企業(yè)整體運(yùn)作效率的目的。您可以在不需要額外投入硬件及軟件的情況下使用各種所需的應(yīng)用程序。
本文以TaskBox協(xié)作平臺(tái)為案例，將帶您詳細(xì)體驗(yàn)HTML 5，深入了解下一代Web開(kāi)發(fā)標(biāo)準(zhǔn)。
TaskBox目前應(yīng)用到的部分HTML5技術(shù)：
1、CSS3和HTML新元素和屬性
2、本地儲(chǔ)存 - Local Storage
3、本地?cái)?shù)據(jù)庫(kù) - Web SQL Database
4、應(yīng)用程序緩存/離線(xiàn)應(yīng)用 - Application Cache API
5、雙向信息傳輸 - Web Sockets
6、桌面提醒 - Desktop Notifications
一、HTML+CSS3
HTML5提供了一些新的元素和屬性，例如
TaskBox界面截圖
二、本地儲(chǔ)存 - Local Storage
Local Storage（本地存儲(chǔ)）提供了一種方式讓網(wǎng)站能夠把信息存儲(chǔ)到你本地的計(jì)算機(jī)上，可以在你不小心關(guān)閉瀏覽器或者崩潰等其他需要的時(shí)候進(jìn)行獲取。這個(gè)概念和Cookie相似，區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的。Cookie的大小是受限的，并且每次你請(qǐng)求一個(gè)新的頁(yè)面的時(shí)候cookie都會(huì)被發(fā)送過(guò)去。目前TaskBox將這一項(xiàng)技術(shù)運(yùn)用到了發(fā)布任務(wù)和編輯任務(wù)環(huán)境之上，你想想，當(dāng)你在聽(tīng)著音樂(lè)、喝著咖啡、撰寫(xiě)著工作內(nèi)容的時(shí)候，電腦突然死機(jī)……這種情況遇到過(guò)吧？而借助Local Storage（本地存儲(chǔ)）技術(shù)，TaskBox會(huì)自動(dòng)幫你保存所編輯的內(nèi)容，它會(huì)在你下次打開(kāi)發(fā)布框的時(shí)候神奇的出現(xiàn)在文本框內(nèi)，讓你即使沒(méi)有CTRL+S的情況下依然將風(fēng)險(xiǎn)降低到0。
三、本地?cái)?shù)據(jù)庫(kù) - Web SQL Database
除了 DOM Storage 以外，HTML5 中還有另外一種數(shù)據(jù)存儲(chǔ)方式 Web SQL Database。它提供了基本的關(guān)系數(shù)據(jù)庫(kù)功能，支持頁(yè)面上的復(fù)雜的、交互式的數(shù)據(jù)存儲(chǔ)。它既可以用來(lái)存儲(chǔ)用戶(hù)產(chǎn)生的數(shù)據(jù)，也可以作為從服務(wù)器獲取數(shù)據(jù)的本地高速緩存。例如可以從遠(yuǎn)程服務(wù)器把電子郵件、日程等數(shù)據(jù)存儲(chǔ)到本地?cái)?shù)據(jù)庫(kù)中。Web SQL Database 支持?jǐn)?shù)據(jù)庫(kù)事務(wù)的概念，從而保證了即使多個(gè)瀏覽器窗口操作同一數(shù)據(jù)，也不會(huì)產(chǎn)生沖突。
***版本的Chrome，Safari和Opera瀏覽器都支持Web SQL數(shù)據(jù)庫(kù)。據(jù)介紹，目前TaskBox對(duì)Web SQL Database 和Application Cache API的應(yīng)用仍處于內(nèi)測(cè)開(kāi)發(fā)中，但是可以確定的是，TaskBox正在通過(guò)整合Web SQL Database、Application Cache API等技術(shù)構(gòu)建一個(gè)能夠讓用戶(hù)在網(wǎng)絡(luò)故障及延遲和離線(xiàn)等情況仍然能繼續(xù)使用的Web應(yīng)用程序。
四、應(yīng)用程序緩存/離線(xiàn)應(yīng)用 - Application Cache API
云計(jì)算存在這么一個(gè)問(wèn)題，以SaaS（Software-as-a-service）應(yīng)用為例（SaaS是云計(jì)算上的應(yīng)用表現(xiàn)），當(dāng)企業(yè)將管理運(yùn)營(yíng)等應(yīng)用部署到云端的時(shí)候，除了面臨安全性（其實(shí)云計(jì)算的安全性比企業(yè)自主部署的更加安全）問(wèn)題外還有就是穩(wěn)定性。云計(jì)算服務(wù)提供商必須保障為客戶(hù)能夠7*24小時(shí)不間斷的運(yùn)營(yíng)服務(wù)，那么如何保障讓客戶(hù)端網(wǎng)絡(luò)延遲或者出現(xiàn)故障的情況下仍然能夠正常的使用Web應(yīng)用進(jìn)行日常的工作呢？
前面所述，雖然目前TaskBox對(duì)Web SQL Database 和Application Cache API的應(yīng)用仍處于內(nèi)測(cè)開(kāi)發(fā)中，但是我們從TaskBox的官方網(wǎng)站中我們可以看出部分離線(xiàn)應(yīng)用的雛形。TaskBox的官方網(wǎng)站目前就采用了Application Cache API應(yīng)用程序緩存的技術(shù)；通過(guò)該技術(shù)，我們?cè)谡Ｇ闆r下訪(fǎng)問(wèn)TaskBox官網(wǎng)，然后在斷網(wǎng)的情況下我們?nèi)匀荒軌蛘５臑g覽使用該網(wǎng)站（不信？那你使用支持HTML5的瀏覽器，推薦使用谷歌瀏覽器，然后斷掉網(wǎng)絡(luò)再訪(fǎng)問(wèn)TaskBox官網(wǎng)是否很正常？），很奇妙吧？
采用了Application Cache API應(yīng)用程序緩存技術(shù)的TaskBox官網(wǎng)，在斷線(xiàn)后仍然能夠正常訪(fǎng)問(wèn).
五、雙向信息傳輸 - Web Sockets
Web Sockets被譽(yù)為下一代Web通信革命，Web Sockets要比現(xiàn)在廣泛使用的XMLHttpRequest簡(jiǎn)單，通過(guò)XHR進(jìn)行雙向通信需要一些特別的技巧（例如長(zhǎng)連接，輪詢(xún)等），而Web Sockets為瀏覽器提供了真正的雙向通信通道。一旦得到一個(gè)Web Socket連接，調(diào)用 send（）方法就可以直接從瀏覽器發(fā)送數(shù)據(jù)到服務(wù)器，同時(shí)瀏覽器通過(guò)一個(gè)onmessage事件處理函數(shù)接收從服務(wù)器傳來(lái)的數(shù)據(jù)。
TaskBox基于雙向信息傳輸（Web Sockets）技術(shù)開(kāi)發(fā)出了“即時(shí)交流”App，據(jù)介紹“即時(shí)交流”App可以實(shí)現(xiàn)多人在線(xiàn)互動(dòng)交流，可用于進(jìn)行任務(wù)相關(guān)討論或者即時(shí)會(huì)議、討論等，極大限度地降低溝通成本，提高工作效率。
TaskBox“即時(shí)交流”App界面
六、桌面提醒 - Desktop Notifications
使用 Web應(yīng)用的其中一個(gè)比較麻煩的問(wèn)題是什么？恐怕很多人都會(huì)說(shuō)是信息的即時(shí)提醒吧？這一直都是Web應(yīng)用的缺陷，現(xiàn)在使用 Chrome 的桌面提醒（Desktop Notifications） API 終于可以彌補(bǔ)這個(gè)缺陷了。
Chrome Desktop Notifications API（桌面提醒）不過(guò)很遺憾，目前這個(gè)API僅支持Chrome 而已。
總結(jié)：對(duì)于TaskBox所應(yīng)用到的HTML5技術(shù)暫時(shí)就介紹到這里，TaskBox確實(shí)是一個(gè)很不錯(cuò)的平臺(tái)。我們發(fā)現(xiàn)我們不僅可以在支持HTML5的PC端能夠正常的使用TaskBox應(yīng)用，而在當(dāng)前最熱門(mén)的兩大移動(dòng)終端IOS、Android中也有非常好的使用體驗(yàn)，我想，這就是標(biāo)準(zhǔn)所帶來(lái)的好處。
就像HTML 5草案的前身名為Web Applications 那樣，HTML5正在往Web應(yīng)用程序的方向在發(fā)展，未來(lái)，我們將會(huì)看到越來(lái)越多的基于Web的應(yīng)用程序，而這一切，都是HTML5所帶來(lái)的變革。
【編輯推薦】
- 學(xué)習(xí)HTML5不可錯(cuò)過(guò)的12家國(guó)外網(wǎng)站
- 移動(dòng)HTML5應(yīng)用的前景
- 學(xué)習(xí)HTML5十佳站點(diǎn)推薦
- IE9對(duì)HTML5部分屬性不提供支持的原因
分享文章：從TaskBox協(xié)作平臺(tái)看HTML5技術(shù)的應(yīng)用與發(fā)展
網(wǎng)頁(yè)地址：http://m.5511xx.com/article/dhjjigc.html
