国外网络娱乐平台,html5入门到精通(二)—移动互联网时代的Web技术

2020-01-08 15:53:22点击次数:368

国外网络娱乐平台,html5入门到精通(二)—移动互联网时代的Web技术

国外网络娱乐平台,移动互联网的发展速度已经远远超出我们的估计,在一个全新的领域里,android、ios等新技术在移动互联网领域成为最热点的话题之一。与此同时,跨平台的html5应用在未来更有可能对移动互联网领域起到巨大的影响。

只有web技术基础的你同样能参与移动互联网开发。

移动互联网业务目前朝着多元化的方向发展.

&移动广告

移动互联网在未来高速发展阶段的趋势,必定会带动移动广告业务的发展。目前已经有不少的创业者开始尝试该领域。

&移动搜索

目前,各大搜索引擎公司已经把其桌面浏览器的搜索网站搬到移动颁域。相信在未来几年内,移动搜索将会为移动用户提供更便利的搜索体验。

&移动购物

移动购物即用户通过移动设备(如手机)接入无线互联网购买商品或服务的业务。在国内,淘宝,京东等网站已经开展手机在线购物业务,手机端已经成为一个重要的入口,所占的比重也越来越大。

&移动社交网络

移动互联网已经进入了我们的生活当中,它们通过各种手机和平板电脑就能实现社交和分享。与传统互联网相比,移动互联网的社交功能前景更加乐观,目前qq、facebook、微博等传统社交网站或应用已经在移动社交领域占有一份子,当然还有现在如日中天的微信、今日头条。

&多媒体

在过去2g时代,手机用户使用最多的多媒体业务是铃声、彩铃、图片下载等手机业务。随着无线网络(即将5g)的发展,用户可以通过无线互联网享受音乐、电影、动画等多种服务。

&移动游戏

以现在手机的发展速度来看,手机已经成为游戏厂商开发和推广游戏的平台之一。特别是在这个移动互联网时代,网速上限不停突破,必然会引发一场移动互联网的网游争夺战。

随着智能手机的发展,android平台手机、ios平台的iphone手机不断推出各种应用程序。然而,它们都各自内置有一款令人感到陌生的应用程序,就是移动web浏览器,例如:.android中的androidbrowser.ios中的mobije safari·blackberry中的webkit测览器这些移动web浏览器不同于过去的wap浏览器,它能识别和解释html、css、javascript等代码,而且它们都有一个共同的特点就是其浏览嚣的核心都是基于webkit。随着ios 5.0版本发布以来,safari浏览器已经成为移动端表现最好的web浏览器。

webkit实际上是一种浏览器引擎,同时也是一个开源的项目,其起源可以追溯到kool desktopenvironment( kde)。在桌面浏览器中,chrome谷歌浏览器、apple的safari浏览嚣都已经内置了webkit引擎,并支持html5和css3特性。

所以说,现在的手机游览器基本上可以忽略html5的支持性问题

作为下一代web技术标准.html5标准定义的规范非常广泛,下面的标准是我们常用并且移动浏览器中已得到支持。

1.canvas绘图

html5标准最大的变化就是支持web绘图功能。canvas绘图功能非常强大,如图形绘制、路径绘制、变形、像素绘图、动画等。用户可以通过获取html中dom元素canvas,并调用其渲染上下文的context对象,使用javascript进行图形绘制。现在已经有至少10种基于html5图表的开源javascript类库。例如,我们在新浪平台查看上市公司的股价。

canvas绘图

2.多媒体

apple的ios和谷歌的chrome平台已经不支持播放flash文件。html5的多媒体标准是最佳解决方案,因为它不需要任何插件,只需要几个页面标签就能实现多媒体的播放。

html5标准中的多媒体,video视频和audio音频正好弥补了多年来需要插件才能播放flash模式的缺陷。现在只需要利用video和audio贝通过简单几行页面代码,就能播放互联网上的各种视频文件。

可是,各家浏览器提供商对多媒体标准所支持的播放格式不一致,导致多媒体标准的发展无法像其他标准那样大放异彩。例如google的chrame最新版本支持的多媒体视频格式是:ogg、mpeg4、webm,而apple的safari则只支持mpeg4。但是已经有js插件可以同时支持。

3.本地存储

为了满足本地存储数据的需求,html5标准中新增两种存储机制,web storage和web sql database。前者通过提供key/value方式存储数据,后者通过类似关系数据库的形式存储数据。移动web浏览器对web storage的支持情况比较理想。

4.离线应用

htmi5标准规范提供一种离线应用的功能。当支持离线应用的浏览器检测到清单文件(manifestfile)中的任何资源文件时,便会下载对应的资源文件,将它们缓存到本地,同时它也保证本地资源文件的版本和服务器上的保持一致。对于移动设备来说,当无网络状态可用时,web浏览器便会自动切换到离线状态,并读取本地资源以保证web应用程序继续可用。

5.使用地理位置

现在,很多现代浏览器中都实现丁一种神奇的功能,它能实时获取到你当前在地图上所在的位置。

虽然地理定位标准严格上来说并不属于html5标准规范的一部分,但它已经逐渐得到大部分浏览器的支持。

6.移动web框架

因为有了webkit和html5的支持,越来越多的web开发者开始研究基于移动平台的web应用框架,例如基于jquery页面驱动的iquery mobde、基于extjs架构的senchatouch,以及能打通web和native两者之间通道的phonegap框架(国内的有appcan,hbuilder等)。

目前基于html5移动web框架存在两种不同的开发模式:基于传统web的开发和基于组件式的web开发。

基于传统web的开发模式,就是在传统web网站上,根据移动设备(如手机)平台的特点展示其移动版的web站点。目前最能体现该开发模式优势的web框架是jquerymobile。通过使用css3的新特性,mediaqueries模块在实现一个站点同时能自适应任何设备,包括桌面电脑和智能手机。

基于组件式的web开发有些类似于ext所提供的富客户端开发模式,在该模式下几乎所有的组件或视图都封装在javascript内,然后通过调用这些组件展示web应用。这种模式的最佳代表是sencha touch。

之后的文章我们会介绍jquery mobile和sencha touch两套移动web应用框架的基本知识,欢迎关注。

html5入门到精通(一)—写在前面的


 


上一篇:四家理财子公司“背井离乡”银行资管人员面临大迁徙
下一篇:干湿分离的小户型卫生间,这样做隔断才更显宽敞!

相关阅读