html5入门到精通教程_移动互联网时代的Web技术

2015-2-7 15:14| 发布者: 蚂蚁HTML5| 查看: 4875| 评论: 8|来自: 蚂蚁html5社区

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

  移动互联网时代的Web技术

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

  我们的目标可以让只有Web技术基础的你同样能参与移动互联网开发。

  移动互联网的前景

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

  &移动广告

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

  &移动搜索

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

  &移动购物

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

  &移动社交网络

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

  &多媒体

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

  &移动游戏

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

  智能手机的Web浏览嚣支持?

  随着智能手机的发展,Android平台手机、iOS平台的iPhone手机不断推出各种应用程序。然而,它们都各自内置有一款令人感到陌生的应用程序,就是移动Web浏览器,例如:.Android中的AndroidBrowser.IOS中的Mobije Safari·BlackBerry中的Webkit测览器这些移动Web浏览器不同于过去的WAP浏览器,它能识别和解释HTML、css、JavaScript等代码,而且它们都有一个共同的特点就是其浏览嚣的核心都是基于Webkit。随着iOS 5.0版本发布以来,Safari浏览器已经成为移动端表现最好的Web浏览器。

  什么是基于Webkit的浏览嚣?

  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类库。例如,我们在新浪平台查看上市公司的股价。

   2.多媒体

  Apple的iOS在平台默认情况下不支持播放Flash文件。HTML5的多媒体标准就是Apple公司的最佳解决方案,因为它不需要任何插件,只需要几个页面标签就能实现多媒体的播放。

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

  可是,各家浏览器提供商对多媒体标准所支持的播放格式不一致,导致多媒体标准的发展无法像其他标准那样大放异彩。例如Google的Chrame最新版本支持的多媒体视频格式是:Ogg、MPEG4、WebM,而Apple的Safari则只支持MPEG4。因此,真正在移动设备的Web浏览器上实现多媒体功能还尚需时日。

  3.本地存储

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

  4.离线应用

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

  5.使用地理位置

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

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

  6.移动Web框架

  因为有了Webkit和HTML5的支持,越来越多的Web开发者开始研究基于移动平台的Web应用框架,例如基于jQuery页面驱动的iQuery Mobde、基于ExtjS架构的SenchaTouch,以及能打通Web和Native两者之间通道的PhoneGap框架(国内的有appcan等)。

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

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

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

  我们会介绍jQuery Mobile和Sencha Touch两套移动Web应用框架的基本知识。


扫描关注蚂蚁HTML5社区官方微信

无语
1

惊吓
3

期待
6

很赞

差劲

刚表态过的朋友 (10 人)

相关阅读

发表评论

最新评论

引用 gzg555888 2017-3-4 10:35
H5的多媒体属性,现在还没有统一的标准,各个游览器支持的情况也不一样。flash一直在说被淘汰,现在用的还不是挺多,我们都是夸大了H5的作用,也许将来H5可能吧!!!
引用 WorkTimer 2017-3-1 06:23
引用 vi-lin-bug 2017-2-8 13:31
教程H
引用 路漫漫水长兮 2016-12-28 08:57
++++++++++++++++
引用 lyl151 2016-7-9 23:15
内容有点少了呀~~
引用 l2118662644 2016-4-7 16:49
好文章,手机分期
引用 花花 2015-2-12 14:09
H5的多媒体属性,现在还没有统一的标准,各个游览器支持的情况也不一样。flash一直在说被淘汰,现在用的还不是挺多,我们都是夸大了H5的作用,也许将来H5可能吧!!!
引用 大神神码 2015-2-11 17:32
有点简单,没有说明重点!!!!!!

查看全部评论(8)

热门教程

【教程下载】HTML5移动应用开发入门经典
【教程下载】HTML5移动应用开发入门经典
【HTML5开发教程下载】HTML5移动应用开发入门经典,总共24章,每章一个小时学习时间,
【教程下载】HTML5与CSS3权威指南
【教程下载】HTML5与CSS3权威指南
《HTML 5与CSS 3权威指南》内容系统而全面,详尽地讲解了html 5和css 3的所有新功能和
【教程下载】HTML5游戏开发(全)
【教程下载】HTML5游戏开发(全)
【HTML5游戏开发(全)】本书分为9章。 学习如何绘制游戏对象、绘制动画、加入音频等
关闭

网站推荐上一条 /1 下一条

关注蚂蚁HTML5社区官方微信
关注蚂蚁HTML5社区官方微信

邮箱:Admin@zzfriend.com QQ:791577401 木子牛HTML5工作室 版权所有

© 2014-2017 MUZINIU Inc.小黑屋|手机版|Archiver|HANGNIU  

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

返回顶部