it-swarm.cn

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

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

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

12
Drake

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

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

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

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

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

5
Bernie Perez

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

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

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

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

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

3
danivovich

画布Web Worker线程是HTML5最令人兴奋的方面我。我编写了一些利用这些功能的Web应用程序:

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

JavaScript线程演示 有限地使用了画布,但显示了工作线程的使用,并附带了演示代码。它还使用HTML5输入type =“ range”滑块控件。


HTML5浏览器支持与浏览器本身一样多。关于 HTML5就绪尼斯站点 (在HTML5中为natch)显示了谁准备好了什么。

2
Alan

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

2
Eimantas

HTML5的功能主要是用canvasvideo取代Flash的功能。标签可以使视频,游戏和在线图片编辑器更容易使用Flash。

尽管这似乎不是一个很大的改进,但Flash在非Windows平台上是Windows的 很多更大 问题。

1
Gelatin

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

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

0
vivaHtml5