HTML5可以通过哪种方式改进Web应用程序?[关闭]


12

在最近的几个月中,许多Web公司,浏览器开发人员和专业人员都在谈论HTML5,因为HTML5是Web的新发展/革命。

实际上,HTML5可以通过哪种方式改进现有的Web应用程序,例如Office Suites(例如Google Docs)或Social Network(例如Facebook),在线照片编辑器等?


2
这实际上是这里的话题吗?

@Kinopiko我认为这是一个话题,我想问HTML5可以允许在Web应用程序中实现哪些实用功能。
德雷克2010年

我想知道为什么没人提到离线缓存。(stackoverflow.com/questions/1207150/html-5-offline-caching
彼得Czapla

Answers:


5

它可以通过使用“ Web存储”来改进存储数据的现有Web Office应用程序。

使用SQL数据库和Web Workers可以更轻松地对社交网站进行编码,以加载页面的不同部分。还支持通知。

在线照片编辑器可以使用拖放功能。

这些只是有关如何在Web应用程序中使用HTML 5的新功能的一些想法。

我认为您应该查看HTML 5 Rocks!它们具有HTML 5的良好功能列表以及有关如何使用它们的示例。加上资源和有关HTML5最新新闻的信息。


谢谢您提供的链接,我在里面找到了两个有用的指南:slides.html5rocks.comdiveintohtml5.org。似乎今年大多数浏览器将增加对许多HTML5功能的支持,大概是2011年,我们将在Web应用程序中看到结果。
德雷克2010年

新的Firefox 4 Beta对HTML5拥有大量支持。你应该检查一下。
伯尼·佩雷斯

3

最受关注的功能可能有5个

  1. Web工作者 -允许开发人员在后台工作中运行脚本,因此Web应用程序一次可以执行多项操作。
  2. 视频标签 -一种在线制作免费Flash视频的简便方法,我们只需要一个标准编解码器
  3. 画布 -听起来确实像是一种在浏览器窗口中即时创建图像的方法
  4. 应用程序缓存 -允许应用程序存储内容,以便您以后可以使用它们而无需连接到互联网(下载电子邮件后再阅读,就像Google Gears一样)
  5. 地理位置 -浏览器将其位置中继到应用程序的能力

其中许多功能已在某些浏览器和应用程序中实现。Google纬度使用地理位置,Google Gears是基于插件的实施,与应用程序缓存的想法相同,Canvas就像使用JavaScript一样。

Web Worker是新手,可以允许Web应用程序内部发生许多不同的事情。现在似乎可以使用的任何类型的边处理都将更加流畅,因为单个线程可以专用于通知或应用程序内的现场聊天或其他定期处理任务。

资源:http
//geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/


2

对于我来说,CanvasWeb Worker线程是HTML5最令人兴奋的方面。我编写了一些利用这些功能的Web应用程序:

GioAUTHor [sic]广泛使用画布,可让您在地图上绘制路径,然后找到从起点到终点的最短路线(通过JavaScript中Dijkstra的算法)。

JavaScript Thread Demo有限地使用了画布,但展示了Worker Threads的用法,并附带了演示代码。它还使用HTML5 输入type =“ range”滑块控件。


HTML5浏览器支持与浏览器本身一样多。有一个不错的网站(在HTML5中,natch)有关HTML5准备情况,该网站显示谁准备好了。


2

我的三个收藏夹是CSS3,Canvas和WebSockets。结合起来,它们可以为任何Web应用程序提供真正强大的协作功能。WebSockets将用ajax轮询代替伪实时消息传递。到目前为止,我看到它使用的几件事是基于Web的聊天(lame)和思维导图的webapp(当两个人映射某个项目时,看起来真的很酷)。


一个好奇:WebSockets会完全取代AJAX吗?
德雷克2010年

1
他们不会取代它。作为技术,Ajax将继续存在。它不再用于完成更适合WebSocket的任务。
Eimantas

好的,谢谢您的解释。
德雷克2010年

1

HTML5的功能主要是用画布视频标签取代Flash所做的事情,从而使视频,游戏和在线图像编辑器在没有Flash的情况下变得更加容易。

虽然这可能似乎并不像一个大的提升,Flash是一个很大 更大的非Windows平台上比Windows的问题。


0

大多数带宽速度测试都是基于闪存的。现在它们可以基于html5了……这意味着更快的页面加载和更准确的带宽测量。

一个很好的例子是: SpeedOf.me

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.