Java开发人员必须重视HTML5的5点理由

概述:随着浏览器技术的改进,尤其是采用了HTML5之后,Java开发中的很多困难得到解决。本文盘点了HTML5能为Java开发人员带来的5点好处。

过去,Java开发人员都是依赖Web浏览器作为应用程序的前端。但过程往往令人沮丧:HTML笨拙,JavaScript缓慢而难用,缺乏调试工具,想让应用程序兼容所有的浏览器是一个非常艰苦的过程。但现在你们的福音来了,随着浏览器技术的改进,尤其是采用了HTML5之后,以上问题已经得到显著的改善。下面就盘点一下HTML5能为Java开发人员带来的5点好处。

1、跨平台部署

跟Java一样,HTML5的核心优势之一便是跨平台运行。既支持传统的桌面平台,又支持移动平台,包括iOS, Android, BlackBerry, Windows Phone, Symbian等等。这种跨平台的特性以为着你可以让所有的平台共用一个UI代码库,节省几倍的开发时间。

HTML5通过标准化一系列针对常用Web应用程序的APIs实现了跨平台,还包括开发离线应用程序、浏览器数据存储和免插件的视音频APIs。

2、用户界面控件

HTML5为Web开发添加了很多新的控件。创建页面的包括:<header>, <footer>, <article>, <aside>, <main>等等,以及系列新的form控件。比如,<input>元素可以从用户那里搜集13种类型的数据:color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url 和 week等等。这个元素在移动端的作用也是非常大的。

除了更多的原生控件以外,最近激增的前端开发也改进了JavaScript的控件。比如UI库 jQuery UITelerik's Kendo UI 已经支持无缝添加复杂和可自定义的UI控件,如菜单、标签等等。

3、速度

HTML5的发展也带动了JavaScript的发展,浏览器厂商们为了在市场份额中取胜,都在努力加速它们的渲染和JavaScript引擎。

改进的不仅仅是JavaScript,CSS3也在与时俱进。CSS3引入了一些非常强大的APIs,如 animations, transitions 和 transformations。由于这些动画是原生的,浏览器可以利用硬件加速并直接在用户的GPU上运行这些动画。这样可以保证动画在移动设备上都能够流畅运行。

4、Canvas

HTML5 的 <canvas> 元素使用 JavaScript 在网页上绘制图像。<canvas> 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。这个技术的出现对游戏开发行业是革命性的。

当然,如果你不是游戏开发人员,你照样可以用<canvas>。由于它强大的跨平台支持,<canvas>有很多附加的应用程序。Canvas消除了开发人员创建丰富视觉可视化的障碍,借用第三方工具(如Flash)将成为历史。

5、跨浏览器兼容性

过去,让Java开发人员在一个运行环境下编写代码,然后在不同的浏览器下测试代码是一件非常痛苦的事情。幸运的是,HTML5已经将所有跨浏览器开发的障碍进行了标准化。

另外,浏览器市场竞争也促进了调试工具的不断创新。不管你用的是IE、Firefox、Chrome还是Safari,现在都可以快速查询DOM、遍历JavaScript并深入研究网络堆栈。

结语

HTML5尽管还有很多问题亟待解决,但不得不承认,HTML5已经解决了Java开发中的大部分痛点,让开发进程越来越无缝化。

原文发布于微信公众号 - 非著名程序员(non-famous-coder)

原文发表时间:2014-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java后端技术

Meta标签实现阻止移动设备(手机、Pad)的浏览器双击放大网页

  在当今这个移动设备发展越来越快,并且技术越来越成熟的时代,移动设备成了企业扩展业务不可或缺的重要领域之一,随之而来的是适应手机的网站层出不穷,在开发过程中,...

13110
来自专栏林德熙的博客

UWP 分享用那个图标

在 UWP ,选的是第一个。很多用户不知道这就是分享,他们会想,这个按钮是其它的。

13420
来自专栏ytkah

微信公众平台后台编辑器上线图片缩放和封面图裁剪功能

  今日,微信公众平台后台编辑器又上线了两个更新,图片缩放和封面图裁剪功能,微信团队真喜欢深夜放毒,不想让人睡的节奏。【微信公众平台编辑器可以剪裁和替换正文图片...

48630
来自专栏程序员互动联盟

【专业技术】使用html5的十大原因

你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HT...

350100
来自专栏大数据钻研

从事Java软件开发工程师所需的职业素质

过去,Java开发人员都是依赖Web浏览器作为应用程序的前端。但过程往往令人沮丧:HTML笨拙,JavaScript缓慢而难用,缺乏调试工具,想让应用程序兼容所...

310110
来自专栏程序员宝库

趣图:各种程序员的键盘热力图

23460
来自专栏ThoughtWorks

前端不止:请告诉我,你要什么样的图标

有一个英语成语叫做一画胜千言(A picture is worth a thousand words),不知道大家有没有听过?它是指的是一张静态的图片就可表达一...

40770
来自专栏互联网杂技

HTML5干货』响应式布局的设计方法和响应式前端优化

作为一名优秀的web前端人员,不懂响应式布局怎么可以呢? 今天跟大家分享web前端开发和设计的干货。关于响应式布局的设计方法和响应式前端优化。 我们都知道,目...

519120
来自专栏数据小魔方

创意图表的几种玩法

今天小魔方要放个大招,给大家教几种图表的创意玩儿法。 相信不少小伙伴们在在浏览财经杂志的时候 都看过一些创意图表 里面运用了大量的图标和拟物元素 譬如这张 ? ...

32660
来自专栏前端笔记

【WP主题】Kratos 文章样式使用说明 。

为了拓展 WordPress 原有的文章编辑器功能,三哥额外添加了一些配合主题使用的小功能(网易云音乐、优酷视频、腾讯视频、哔哩哔哩、Youtube、进度条、下...

41990

扫码关注云+社区

领取腾讯云代金券