Dojo Mobile开发学习篇

Dojo Mobile开发

App技术开发QQ群：347072638

技术咨询，APP定制开发联系邮箱：messageloop@qq.com

时代在演变，技术在革新，不管你接受不接受。初识Dojo Mobile，感觉和JQuery Mobile、PhoneGap等一系列移动应用WebApp框架相似，主要是基干HTML5+CSS3+JS的一个实现，针对不同平台(iPhone/iPad/Android/BlackBerry/windows phone 8)实现相应的控件或特性，因此可以做到看起来分不清是WebApp还是原生App。

如何使用Dojo Mobile？

使用Dojo Mobile 非常简单，

require([
  "dojox/mobile/parser", // (Optional) This mobile app uses declarative programming with fast mobile parser
  "dojox/mobile",        // (Required) This is a mobile app.
  "dojox/mobile/compat"  // (Optional) This mobile app supports running on desktop browsers
], function(parser, mobile, compat){ Optional module aliases that can then be referenced inside callback block
  // Do something with mobile api's.  At this point Dojo Mobile api's are ready for use.
);

在配制文件中使用 “async:1”，Dojo脚本被异步加载，使页面快速加载并显示。

主题

HTML头部引用

<pre name="code" class="html">

<script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>

Dojox Mobile 提供了一套 视觉主题, 可以根据不同平台浏览器指定显示主题，让WebApp视觉效果有一种原生应用的感觉。

也可以自定义主题

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/custom/custom.css"></link>

iPhone

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/iphone/iphone.css"></link>

iPad

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/iphone/ipad.css"></link>

Android

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/android/android.css"></link>

Blackberry

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/blackberry/blackberry.css"></link>

WindowsPhone

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/windows/windows.css"></link>

未完待续。

APP开发技术qq交流群：347072638