Dojo Mobile開発学習編
Dojo Mobile開発
App技術開発QQ群:347072638
技術コンサルティング、APPカスタム開発連絡メールアドレス:[email protected]
時代は変わって、技術は革新して、あなたが受け入れるかどうかにかかわらず.初めてDojo Mobileを認識し、JQuery Mobile、PhoneGapなどの一連のモバイルアプリケーションWebAppのフレームワークと似ているような気がします.主に基幹HTML 5+CSS 3+JSの実装で、異なるプラットフォーム(iPhone/iPad/Android/BlackBerry/windows phone 8)に対して対応するコントロールや特性を実現しているので、WebAppなのかオリジナルAppなのか分からないように見えます.
Dojo Mobileの使い方
Dojo Mobileを使うのはとても簡単で、
プロファイルでasync:1を使用すると、Dojoスクリプトが非同期でロードされ、ページがすばやくロードされて表示されます.
テーマ
HTMLヘッダ参照
App技術開発QQ群:347072638
技術コンサルティング、APPカスタム開発連絡メールアドレス:[email protected]
時代は変わって、技術は革新して、あなたが受け入れるかどうかにかかわらず.初めてDojo Mobileを認識し、JQuery Mobile、PhoneGapなどの一連のモバイルアプリケーションWebAppのフレームワークと似ているような気がします.主に基幹HTML 5+CSS 3+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