浅谈html5某些新元素的用途

大家都知道html是一种前端网页语言,从出现到现在已经经历了很多的版本了,但是随着html的不断发展,现在的html5已经不再是单一的前端页面语言了,html,javascript,css不再单纯的只是页面上的语言了,现在网页的桌面程序可以和桌面插件一样配置到网页和各种移动终端之中去,伴随着html5 的出现,这一伟大进程将更进一步,下面我就谈谈html5中的一些技术。

接触过html5的人肯定都听说过canvas,这一技术是html5专属的,翻译过来也就是画布的意思,html5中的canvas为网页游戏开发者提供了创建动态图形,可替换静态图形以及gif动画,在canvas上面你可以随意的进行画图,根据需要构建各种的角色。

还有一个就是audio的出现,这也和canvas一样是新元素,它使得我们可以不需要插件而直接使用浏览器的原生音效,在之前的页面中声音的来源大部分是出自flash,但是现在aodio直接依赖浏览器便直接播放音效,尽管功能如此的强大,但是audio元素仍然存在一些需要慢慢完善的问题。

  websocket翻译过来就是网络接口的意思,在之前的网络里面,在http协议的限制下,各种的操作都只能实现当前的方向,客服端必须主动的向服务器发送请求信息,而网页服务器也无法告诉浏览器内容有更新了,除非前端页面重新发送一次请求,传统的方法就是不断的发送请求,如果是这样的话,不仅是用户体验会很差,页面的效率等等问题也会很差,但是现在除了ajax的异步刷新页面之外,我们出现的websocket技术,该项技术能够更好的服务于网络间数据的传输,特别是在html5 开发的网页游戏里面我们需要的是玩家的实时交互,在这一的一种需求下面,websocket发挥了极其重要的作用。

相信大家都了解我们的数据存储,但是存储在哪里就会出现不同的说法了,一般我们的数据都趋向于放在数据库中,但是随着web2.0以及科技迅速发展的今天,html5中也出现了locoalstorage,也有就是web-storage,当我们的网页程序需要在客服端存储数据的时候,cookie会是一个常用的选择,但是其局限就在于自身存储的数据量很小,是一kb计算的,然而现在的程序运行都十分的大,所以存储的数据就需要很大,所以便出现了这样一种适合大型数据存储的webstorage,当然它的存储不能和数据库相比,但是其储存单位也晋升成了mb。

还有一个值得一提的就是webGL,也就是我们的网络图形语言,目前支持在线网页3D图形的相关开发,当然,也就意味着会有更多的精美的视觉盛宴展现在我们的眼前了。

其实html5还带有很多的新元素,在这里也就不一一罗列了,以上提到的一些对于我们现在web应用程序,或者是网页游戏的开发是具有极其重要的作用的。  

上一篇:mongodb的查询操作符


下一篇:Factory模式