Dojo Mobile开发学习篇

Dojo Mobile开发


App技术开发QQ群:347072638

技术咨询,APP定制开发联系邮箱:[email protected]


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

Dojo Mobile开发学习篇_第1张图片


如何使用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头部引用



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

也可以自定义主题

iPhone


Dojo Mobile开发学习篇_第2张图片



iPad


Dojo Mobile开发学习篇_第3张图片


Android


Dojo Mobile开发学习篇_第4张图片


Blackberry

Dojo Mobile开发学习篇_第5张图片




WindowsPhone

Dojo Mobile开发学习篇_第6张图片

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

未完待续。


APP开发技术qq交流群:347072638


你可能感兴趣的:(iPhone/iPad开发)