過(guò)去，Java開(kāi)發(fā)人員都是依賴Web瀏覽器作為應(yīng)用程序的前端。但過(guò)程往往令人沮喪：HTML笨拙，JavaScript緩慢而難用，缺乏調(diào)試工具，想讓?xiě)?yīng)用程序兼容所有的瀏覽器是一個(gè)非常艱苦的過(guò)程。但現(xiàn)在你們的福音來(lái)了，隨著瀏覽器技術(shù)的改進(jìn)，尤其是采用了HTML5之后，以上問(wèn)題已經(jīng)得到顯著的改善。下面就盤(pán)點(diǎn)一下HTML5能為Java開(kāi)發(fā)人員帶來(lái)的5點(diǎn)好處。

1、跨平臺(tái)部署

跟Java一樣，HTML5的核心優(yōu)勢(shì)之一便是跨平臺(tái)運(yùn)行。既支持傳統(tǒng)的桌面平臺(tái)，又支持移動(dòng)平臺(tái)，包括iOS, Android, BlackBerry, Windows Phone, Symbian等等。這種跨平臺(tái)的特性以為著你可以讓所有的平臺(tái)共用一個(gè)UI代碼庫(kù)，節(jié)省幾倍的開(kāi)發(fā)時(shí)間。

HTML5通過(guò)標(biāo)準(zhǔn)化一系列針對(duì)常用Web應(yīng)用程序的APIs實(shí)現(xiàn)了跨平臺(tái)，還包括開(kāi)發(fā)離線應(yīng)用程序、瀏覽器數(shù)據(jù)存儲(chǔ)和免插件的視音頻APIs。

2、用戶界面控件

HTML5為Web開(kāi)發(fā)添加了很多新的控件。創(chuàng)建頁(yè)面的包括：<header>, <footer>, <article>, <aside>, <main>等等，以及系列新的form控件。比如，<input>元素可以從用戶那里搜集13種類型的數(shù)據(jù)：color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url 和 week等等。這個(gè)元素在移動(dòng)端的作用也是非常大的。

除了更多的原生控件以外，最近激增的前端開(kāi)發(fā)也改進(jìn)了JavaScript的控件。比如UI庫(kù) 和 Telerik's Kendo UI 已經(jīng)支持無(wú)縫添加復(fù)雜和可自定義的UI控件，如菜單、標(biāo)簽等等。

3、速度

HTML5的發(fā)展也帶動(dòng)了JavaScript的發(fā)展，瀏覽器廠商們?yōu)榱嗽谑袌?chǎng)份額中取勝，都在努力加速它們的渲染和JavaScript引擎。

改進(jìn)的不僅僅是JavaScript，CSS3也在與時(shí)俱進(jìn)。CSS3引入了一些非常強(qiáng)大的APIs，如 animations, transitions 和 transformations。由于這些動(dòng)畫(huà)是原生的，瀏覽器可以利用硬件加速并直接在用戶的GPU上運(yùn)行這些動(dòng)畫(huà)。這樣可以保證動(dòng)畫(huà)在移動(dòng)設(shè)備上都能夠流暢運(yùn)行。

4、Canvas

HTML5 的 <canvas> 元素使用 JavaScript 在網(wǎng)頁(yè)上繪制圖像。<canvas> 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。這個(gè)技術(shù)的出現(xiàn)對(duì)游戲開(kāi)發(fā)行業(yè)是革命性的。

當(dāng)然，如果你不是游戲開(kāi)發(fā)人員，你照樣可以用<canvas>。由于它強(qiáng)大的跨平臺(tái)支持，<canvas>有很多附加的應(yīng)用程序。Canvas消除了開(kāi)發(fā)人員創(chuàng)建豐富視覺(jué)可視化的障礙，借用第三方工具（如Flash）將成為歷史。

5、跨瀏覽器兼容性

過(guò)去，讓Java開(kāi)發(fā)人員在一個(gè)運(yùn)行環(huán)境下編寫(xiě)代碼，然后在不同的瀏覽器下測(cè)試代碼是一件非常痛苦的事情。幸運(yùn)的是，HTML5已經(jīng)將所有跨瀏覽器開(kāi)發(fā)的障礙進(jìn)行了標(biāo)準(zhǔn)化。

另外，瀏覽器市場(chǎng)競(jìng)爭(zhēng)也促進(jìn)了調(diào)試工具的不斷創(chuàng)新。不管你用的是IE、Firefox、Chrome還是Safari，現(xiàn)在都可以快速查詢DOM、遍歷JavaScript并深入研究網(wǎng)絡(luò)堆棧。

結(jié)語(yǔ)

HTML5盡管還有很多問(wèn)題亟待解決，但不得不承認(rèn)，HTML5已經(jīng)解決了Java開(kāi)發(fā)中的大部分痛點(diǎn)，讓開(kāi)發(fā)進(jìn)程越來(lái)越無(wú)縫化。