HTML5移动Web开发指南

来源:IT168  责任编辑:李志  

  H5edu教育解答HTML5开发对于移动webAPP开发来说有如下优势离线缓存为HTML5开发

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

主流HTML5移动web开发框架

肯定使用框架啊,不然还原生 JS、自己写样式?

H5 做移动开发也分两种,一种就是正常的网页,一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架,具体的特性不是三两句能说完的,题主可以自行搜索相关资料。

后者比较知名的框架就是 PhoneGap、MUI 等等了。

而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了,常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但说实话这些 JS 框架都比较繁重,一般是为比较复杂的场景设计的,如果你的页面需求很简单,那么大可以不用它们只用样式框架就好了。

值得一提的是国内 BAT 三大巨头也分别有自己的 H5 框架,并且都已经开源了,百度的是 GMU(Global Mobile UI)、Clouda+、EFE 这三个,阿里的是 Kissy Mobile,腾讯的是 Frozen UI。

HTML5移动Web开发指南的前言

你是否使用过智能手机浏览真正的网页?

你在使用智能手机浏览网页时会感到困惑吗?

你是否想知道智能手机上的Web网页是如何实现的?

如果你存在以上的问题并想解决,那么阅读本书将是你的最佳选择。

HTML5从讨论到实践

现今,HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快,各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新版本浏览器都纷纷支持HTML5标准规范。在桌面端Web技术领域,HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而,在移动端Web技术领域,由于历史的原因,HTML5标准才刚刚起步,但随着HTML5和CSS3逐渐兴起,其强大的特性在移动Web应用当中得到了非常好的发挥。

随着HTML5网站、HTML5应用软件及HTML5游戏不断涌现,让我们更加有理由相信未来HTML5技术将会成为我们在计算机行业当中必备的专业知识。因此,我希望能够借助此书帮助国内的Web开发从业者或者即将在此行业发展的读者,在学习HTML5的同时也能掌握移动Web技术。

为什么写作本书

2011年是HTML5实践的一年,无论是国外的开发者,还是国内的开发者,都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新,国内很多开发者在实践过程中经常遇到非常多的困难,例如如何入门与解决BUG等常见问题,都很难找到解答问题的中文资源。因此,开发者们亟需一本能够带领他们入门的HTML5书籍。

2011年也是移动互联网高速发展的一年,随着iPhone、Android等智能设备的迅速普及,以及Web技术跨平台等优点更广泛的为人所知,移动Web技术逐渐成为大家关注的新热点之一。国内移动Web技术中文资源相对缺乏,社区尚待不断发展,很多开发者仍处于探索研究阶段。同时也有部分准备进入移动Web开发领域的新手,苦于入门困难,而难以上手。因此,一本介绍移动Web开发的书籍便成为开发者最渴望的资源之一。

基于上述两种原因,作者认为需要编写一本能够利用HTML5新技术开发移动Web应用的入门书籍,令广大读者在真正学习到HTML5新技术的同时,也能快速掌握移动Web开发的基础知识。

关于本书

本书不足之处在于,本书并没有全面地介绍HTML5技术,但这并不代表HTML5的其他知识点不能适用于移动Web开发。毕竟HTML5是一个新生事物,它的标准规范仍然在制定之中,而它的不断发展对于未来的移动Web技术的发展,必将有很大的推动作用。

本书在编写过程中参考了下列网站、社区及官方文档等,并引用了部分内容。

 HTML5研究小组官方网站

 Sencha Touch官方接口文档及demo例子

 jQuery Mobile官方接口文档

 PhoneGap官方网站及接口文档

 PhoneGap中国读者对象

致 谢

在本书的写作过程中,得到了很多人士的悉心帮助。在此谨向给予本书帮助的诸位及我所参考的网站社区、官方网站表示诚挚的感谢。特别感谢HTML5研究小组负责人田爱娜女士给予了很大的帮助和支持,她推荐的很多专业人士对本书提供了很多中肯的建议。

另外,由于时间及水平有限,在本书编写过程中可能存在一些对HTML5及移动Web技术认识不全面或者表述错漏的地方,敬请读者批评指正。作者的联系邮箱为,新浪微博是@三桥sankyu。谨以最真诚的心希望能与读者共同交流,共同成长。

主流HTML5移动web开发框架的具体概念是什么?

1.H5 做移动开发也分两种,一种就是正常的网页,一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架,具体的特性不是三两句能说完的,题主可以自行搜索相关资料。  后者比较知名的框架就是 PhoneGap、MUI 等等了。  

2.而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了,常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但说实话这些 JS 框架都比较繁重,一般是为比较复杂的场景设计的,如果你的页面需求很简单,那么大可以不用它们只用样式框架就好了。

html5 app开发用什么框架比较好

1.jquery mobile和bootstrap都是较好的框架、 jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。(兄 弟 连)jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。 

2.Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,(兄 弟 连)包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

移动web开发和html5开发有什么不同

总体上应该一样,技术体系都差不多。不过pc需要兼容的浏览器更多些,mobile下andorid,ios都是基于webkit,所以相对好些。

移动前端开发可分为:

1、手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。

2、app前端开发。使用的技术也是html+css+js,但它需要基于PhoneGap等开发平台调用手机核心功能接口(包括地理定位,加速器,联系人,声音和振动等)模拟native app,这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。

《移动WEB开发(HTML5+CSS3)》作品

既然是小组任务还是得依靠组员一起讨论方案,确定作品研发方向,

  • Wi-Fi6与5G--技术及应用场景白皮书
  • 华为Wi-Fi6(802.11ax)技术白皮书
  • 何为802.11ax(Wi-Fi6)?
  • Wi-Fi6商业白皮书-超级连接,极速未来
  • Wi-Fi6问世:组织局域网的未来
  • 疯狂Java讲义(第2版)
  • 微信公众平台搭建与开发揭秘
  • iPadMini使用手册
  • 微信公众平台应用开发实战
  • Spring3.x企业应用开发实战
  • 主流HTML5移动web开发框架
  • HTML5移动Web开发指南的前言
  • 主流HTML5移动web开发框架的具体概念是什么?
  • 移动web开发和html5开发有什么不同
  • 《移动WEB开发(HTML5+CSS3)》作品
  • 为什么说HTML5适合进行移动webAPP开发
  • 有哪些HTML5开发的书籍推荐吗
  • WEB移动端开发使用什么框架比较好?
  • PHP配合HTML5在移动WEB开发上有什么前景?
  • HTML5开发和web前端开发有啥区别啊?
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved