jQuery Mobile 教程(精)

jQuery Mobile 教程(精)精雕软件教程,我的世界精美别墅教程,新求精德语强化教程,产品精修教程,精雕教程,周大杰产品精修教程,精雕油泥手办教程,飞儿精品教程网,精雕视频教程
社会化媒体营销 > jQuery Mobile 教程(精)

jQuery Mobile 教程(精)(104)

十七、HTML5 对Web App 的影响

在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及技术的共同配合,但 HTML5 无疑为 Web Apps 发展中一些重要的方面带来主要贡献。本文要阐述的,正是 HTML5 为 Web Apps 带来的各种影响,或者说,HTML5 究竟为 Web Apps 开发带来了什么改变。

1.jQuery Mobile 与 HTML5

在具体说明 HTML5 如何使 Web Apps 开发发生改变前,首先回到本系列文章的另一个中心——jQuery Mobile 。其实不难想象,倘若没有 jQuery Mobile 等其他移动开发框架,使用 HTML5 开发 Web Apps 实际上是一件非常困难的事,如果没有 jQuery Mobile ,开发者就必须在开发过程中独自解决至少以下几个问题:

∙创建一个设备检测方案

∙设计出适应不同移动设备的响应式方案

上面仅仅是一个开始,如果开发者希望能创建一个出色的 Web Apps ,那么还可能需要考虑以下问题:

∙设计一套适应移动设备用户使用的UI

∙模拟原生Apps 的各种效果(过场动画等)

∙模拟原生Apps 的各种操作(划动等)

更加麻烦的是,即使开发者完成了上面的各项要求,也必须独自调试,确保这些效果能在大多数移动设备上正确运行,尤其是需要长期开发时,开发者需要考虑的事情就更加复杂了。因此,jQuery Mobile 等移动开发框架在开发中实际是完成了大部分 CSS 和 JavaScript 的工作,包括开发的工作和在 Web Apps 制作中更为繁琐的调试工作,而 CSS 和JavaScript 的开发往往也是移动开发中最费时的工作,这也是开发者可以利用 jQuery Mobile 进行快速开发的原因。

也是因为以上的原因,这篇系列文章才会是“使用 jQuery Mobile 与 HTML5 开发 Web App”,而不是 HTML5 的独唱戏。当然,如果你需要一个完全个性化的样式,开发出自己的框架或核心主题也无妨。但对于小型的开发者,或者即使你有足够团队支持,但想要进行快速开发,使用 jQuery Mobile 等移动开发框架也会更加方便。

当然,实际上 jQuery Mobile 也是一个 HTML5 框架,在 jQuery Mobile 之中也应用了 HTML5 的新技术,下面开始回归本文的主题—— HTML5 对 Web Apps 的影响。

2.你的编程方式

HTML5 确实为 Web 开发者带来了很多很酷的新特性,但如果你熟悉 HTML5 的新特性,会发现大多数 HTML5 的新特性都是使用 JavaScript 进行操作,即使再加上那些不是用

104

点击显示全文

  • 推荐jQuery Mobile插件和教程

    推荐jQuery Mobile插件和教程_计算机软件及应用_IT/计算机_专业资料。jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来...

    2018-08-19 03:59:02
    136594
  • jQuery Mobile简单介绍

    jQuery Mobile 简单介绍今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中提供动态用户体验,促使传 统桌面应用程序越来越少。现在,主流移动平台上的浏览器功能都...

    2018-08-19 04:01:20
    255967
  • jQuery_Mobile入门教程_提升篇

    在之前的文章 jQuery Mobile 入门教程里,我对 jQueryMobile 的使用进行了入门介绍, 你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 ...

    2018-08-19 03:55:39
    198929
  • jQuery Mobile入门教程——主题的使用和定制

    在之前的文章 jQuery Mobile 入门教程里,我对 jQueryMobile 的使用进行了入门介绍, 你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 ...

    2018-08-19 03:26:08
    784927
  • jQuery Mobile 入门教程

    jQuery Mobile 入门教程 jQuery Mobile 入门 jQuery Mobile 基本页面结构 <!DOCTYPE html> jQuery Mobile 基本页面结构 ...

    2018-08-19 03:46:20
    527176
  • jQuery mobile学习笔记

    data-role="footer" data-position="fixed" data-fullscreen="true"> 10、jQuery Mobile 导航栏导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。 默认地...

    2018-08-19 04:03:37
    642121
  • jQuery Mobile 教程《精》

    jQuery Mobile 教程《精》_计算机软件及应用_IT/计算机_专业资料。jquery mobile教程 jQuery Mobile 教程 一、 JQueryMobile 基础 1. jQuery Mobile 的渐进增强设计与...

    2018-08-19 03:26:20
    368865
  • 认识Jquery Mobile

    href="">博客教程 jquery mobile 教程 jquery mobile 博客 wordpress 主题吧版权所有 http://web.mybdqn.com/ jquery mobile 的扩展看到了吗?...

    2018-08-19 03:19:44
    202450
加载中...
加载中...
  • 自动化测试工具selenium中如何利用xpath来定位元素

    自动化测试工具selenium中如何利用xpath来定位元素 - 自动化测试工具 selenium 中如何利用 xpath 来定位元素 在开始之前,我们先来熟悉 selenium 中常使用的几个...

  • XPath入门教程整理

    XPath入门教程整理 - XPath 入门教程目录 关于本教程中使用了例子...

  • XPath定位操作返回节点列表

    XPath定位操作返回节点列表 - XPath 定位操作返回节点列表 XPath 用来查询指定的节点数据,在本实例使用 XPath 来简单查询指定节点列 表。XML 文件内容如下所示: <?...

  • 八爪鱼xpath入门教程以及定位元素实例

    八爪鱼xpath入门教程以及定位元素实例_计算机软件及应用_IT/计算机_专业资料。本文介绍八爪鱼xpath入门教程以及定位元素实例。 八爪鱼·云采集服务平台 www.bazhuayu....

  • xpath

    Rowling</author> <year>2005</year> <price>29.99</price> </book> </bookstore> XPath 语法 XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点...

24小时热门信息
  • docker云架构

    docker云架构 - docker,云架构,分布式集群... docker云架构_计算机软件及应用_IT/计算机_专业资料。docker,云架构,分布式集群 Docker:一种云计算下的新的虚拟化技术...

    2018-08-19 04:04:44
    286938
  • Docker文件系统的分层与隔离

    Docker 文件系统的分层与隔离 M 老师:Docker 的很多特性都表现在它所使用的文件系统上,比如大家都知道 docker 的文件系统是分层的,所以它可以快速迭代,可以回滚。...

    2018-08-19 03:56:12
    188609
  • DockerUI部署记录

    DockerUI部署记录 - Docker 容器学习梳理--web 管理工具 DockerUI 部署记录 Docker 提供一个平台来把应用程序当作容器来打包、分发、共享和运行,它已经通过节省 ...

    2018-08-19 03:42:41
    241857
  • Docker常用命令汇总

    Docker常用命令汇总 - 超实用:Docker常用命令汇总... Docker常用命令汇总_计算机软件及应用_IT/计算机_专业资料。超实用:Docker常用命令汇总 Docker 常用命令汇总一、查...

    2018-08-19 04:02:03
    155626
  • 重建docker0网络《docker容器端口不通时试用》

    重建docker0网络《docker容器端口不通时试用》 - pkill docker iptables -t nat -F ifconfig docker0 down brctl delbr ...

    2018-08-19 03:42:13
    245925
  • Docker Swarm架构的特性与基本实践

    Docker Swarm架构的特性与基本实践 - Docker,Container,容器,容器开发,企业容器平台,互联网转型,Devops,微服务

    2018-08-19 03:43:06
    699337
精彩推荐
  • Flash学习心得Flash学习心得

    Flash学习心得 - Flash 学习心得 Flash 是美国 MACROMEDIA 公司于 1999 年 6 月推出的优秀网页动画设计软 件。在中国经历了 9 年的发展时间。曾经在中国风云一....2018-08-19 03:55:04274116

  • 用Flash制作动画用Flash制作动画

    用Flash制作动画 - 用 Flash 制作动画 动画可以模拟事物的运动过程,形象地演示有关的原理,Flash 是一种常用的动 画制作软件,利用它可以制作出教学所需要的各种...2018-08-19 03:46:15106585

  • FLASH模块FLASH模块

    如果 CSM 被保护起来了,那么必 须从被保护的 RAM《例如: L0 或者 L1SARAM》运行 Flash 控制寄存器 的初始化代码,否则 Flash 控制寄存器的初始化代码无法访问 ...2018-08-19 03:53:44329521

  • Flash动画的种类Flash动画的种类

    Flash动画的种类 - 下面,给您介绍一下 Flash 制作动画的种类,简单的说,就是 Flash 能够制 作哪几种基础的动画。 一、逐帧动画 所谓的逐帧动画, 就是不需要...2018-08-19 03:29:35659255

  • Flash完全自学教程之三天学会Flash Professional CC_Fl...Flash完全自学教程之三天学会Flash Professional CC_Fl...

    Flash初学爱好者本系列课程就为你打开Flash制作的大门。我们介绍的是最新的Flash Professional CC版本,内容包括了Flash的应用、基本操作以及各种术语的介绍等等视频教程,...2018-08-19 03:24:17235615

  • flash动画处理知识点整理flash动画处理知识点整理

    flash动画处理知识点整理 - 稽山中学信息技术学业水平考试复习资料---FLASH FLASH 操作题相关知识点 知识目标: 单元 考试内容 考试要求 a 考试属性 1.计算机动画的...2018-08-19 03:24:31308913

  • Flash动画与传统动画优缺点之比较Flash动画与传统动画优缺点之比较

    Flash动画与传统动画优缺点之比较 - Flash 动画与传统动画优缺点之比较 【摘要】传统动画片是产生了 1 个多世纪的一种艺术形式,Flash 是近些年才 出现的一款多...2018-08-19 03:18:38227864

  • 信息技术工具介绍flash信息技术工具介绍flash

    信息技术工具介绍flash - 信息技术工具介绍——Flash 一、flash 软件介绍 Flash 是一种动画创作与应用程序开发于一身的创作软件,为创建数字动画、交互式 Web 站点...2018-08-19 03:30:48297697

手机版 | 欢迎来到社会化媒体营销
RSS订阅