jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World）
脚本宝典收集整理的这篇文章主要介绍了jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
有人说每个程序员都曾经有过改变世界的梦想，笔者认为，这与程序员年轻时编写的第一个程序有着莫大的关系。简简单单的一句“hello world”让年轻的心开始相信梦想，用一种低调的壮志凌云向世界展示自己的存在。那么，今天就让我们从一句简单的“hello world”开始造梦之旅吧。
【范例4-1 简单的页面hello world】
01 <!DOCTYPE>
02 <htML>
03 <head>
04
05 //本节的重点所在
06 <tITle>hello world </title> //title属性在应用中是不显示的
07 <link rel="stylesheet"href="jquery.mobile-1.0.min.css" /> //jQuery Mobile样式文件
08 <script src="jquery-1.7.1.min.js"></script> //引入jQuery脚本
09 <script src="jquery.mobile-1.1.1.min.js"></script> //引入jQuery Mobile脚本
10 </head>
11 <body>
12
//此处为页面控件
13 hello world //在空间中插入内容hello world
14
15 </body>
16 </html>
该例虽然看上去非常简单，但是就像c语言中的helloworld一样，不但五脏俱全，同时也是今后利用jQuery Mobile进行应用开发时最基础的模板。
这实际上就是一个HTML页面，但是仔细观察会发现第5行有一句比较陌生的代码：
可以看到屏幕中的字体整个放大了一倍。原来initial-scale=1的作用是规定了页面在加载时所要放大的倍数，等于1时即为保持原尺寸不变。这在开发中有着巨大的作用。
目前，电脑屏幕的分辨大多是1366*768像素，而最近的一些以高分辨率为亮点的智能手机的分辨率已经达到了720*1280像素，与此同时大多数人所使用手机的分辨率还停留 在一个较低的水平。这就导致了如果没有一种切实可行的手段来区分这些用户，开发人员就无法做到真正的完美用户体验。
那么到底有没有这样一种方法呢？当然是有的，只要通过修改initial-scale属性的值来放大页面的内容尺寸，就能够很好地实现不同设备上的兼容问题。在本篇最后的综合项目实 例中将给出一个这样的例子。
提示：meta是HTML中非常重要的一个标签，但是它的应用却常常被开发者所忽略。
如果您对学习跨平台APP感兴趣，如果您对jQuery Mobile感兴趣，欢迎阅读本书《构建跨平台APP：jQuery Mobile移动应用实战》
脚本宝典总结
以上是脚本宝典为你收集整理的jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World）全部内容，希望文章能够帮你解决jqueryMobile应用第一课《构建跨平台APP：jQuery Mobile移动应用实战》连载一（Hello World）所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
- 快速学习nodejs系列：十四、express框架介绍 2019-06-05
- jQuery--1 2019-05-26
- JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性 2019-05-22
- JQuery之ContextMenu(右键菜单)(转载--用了插件) 2019-05-28
- jQuery 1.11 / 2.1 beta 版发布 2019-05-27
- 一张图告诉你，只会jQuery还不够！！！！！ 2019-05-23
- jQuery选择器的的优点 2019-05-21
- 【Jquery对象】jquery与dom对象的区别 2019-05-27
- jQuery插件 2019-05-23
- jQuery 选择器 2019-05-22