Java開(kāi)發(fā)人員必須重視HTML5的5點(diǎn)理由
過(guò)去,Java開(kāi)發(fā)人員都是依賴Web瀏覽器作為應(yīng)用程序的前端。但過(guò)程往往令人沮喪:HTML笨拙,JavaScript緩慢而難用,缺乏調(diào)試工具,想讓應(yīng)用程序兼容所有的瀏覽器是一個(gè)非常艱苦的過(guò)程。但現(xiàn)在你們的福音來(lái)了,隨著瀏覽器技術(shù)的改進(jìn),尤其是采用了HTML5之后,以上問(wèn)題已經(jīng)得到顯著的改善。下面就盤點(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ù) jQuery UI 和 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)畫是原生的,瀏覽器可以利用硬件加速并直接在用戶的GPU上運(yùn)行這些動(dòng)畫。這樣可以保證動(dòng)畫在移動(dòng)設(shè)備上都能夠流暢運(yùn)行。
4、CanvasHTML5 的 <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)境下編寫代碼,然后在不同的瀏覽器下測(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ú)縫化。
相關(guān)文章:
1. 低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案2. asp批量添加修改刪除操作示例代碼3. HTML5 Canvas繪制圖形從入門到精通4. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題5. PHP循環(huán)與分支知識(shí)點(diǎn)梳理6. css代碼優(yōu)化的12個(gè)技巧7. jsp實(shí)現(xiàn)登錄界面8. 告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單9. ASP實(shí)現(xiàn)加法驗(yàn)證碼10. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)
