アジャイル中国語が HTML5+CSS3+JS モバイル アプリケーション開発フレームワークを生成_html/css_WEB-ITnose

アジャイルは、HTML5+CSS3+JS に基づいたモバイル アプリケーション開発フレームワークであり、エクスペリエンスはネイティブ ライクに限りなく近く、シングルページ モードとマルチページ モードの両方をサポートします。

アジャイルにより、HTML5 はモバイル アプリケーション開発においてその利点を最大限に発揮できます。すべての開発者がすぐに開始でき、すべてのデバイスを適応させることができ、すべてのプロジェクトに適用できます。

シンプルでスケーラブル
アジャイルは Zepto と jQuery のデュアル エンジンと対応する拡張機能をサポートし、同時にシングルページ モードとマルチページ モードのモバイル アプリケーションをサポートし、次のような一般的なクロスプラットフォーム開発フレームワークで使用できます。エクスモビとフォンギャップ。

1 つのフレームワーク、複数のデバイス
アジャイルの助けを借りて、モバイル アプリケーションは同じコードを通じて携帯電話、タブレット、その他のデバイスに迅速かつ効果的に適応できます。これはすべて CSS メディア クエリによるものです。

完全なコンポーネント
Agile は包括的で美しいドキュメントを提供します。ここでは、HTML 要素、HTML および CSS コンポーネント、JavaScript プラグインに関する詳細なドキュメントをすべて見つけることができます。

はじめに

アジャイル フレームワーク自体は標準の HTML5 に基づいて開発されていますが、モバイル アプリケーションは多数のローカル機能を使用する必要があり、HTML5 には対応していないため、通常はコンテナーに依存して実行し、コンテナ内のローカル機能。

ExMobi は FiberHome によって開始されたモバイル アプリケーション プラットフォームで、豊富なネイティブ コンポーネントとローカル機能をカプセル化していることに加えて、HTML5 も適切にサポートされているため、ExMobi でアジャイルを使用することでより優れたエクスペリエンスを得ることができます。さらに、アジャイルは PhoneGap などの他のコンテナ上でも実行できます。 ExMobi でのアジャイルの使用方法については、http://www.exmobi.cn/agile/case.html を参照してください。

ディレクトリ構造
Agile ソース コードをダウンロードした後、任意のディレクトリに解凍すると、「agile」、「exmobijs」、「ratchet」、「icomoon」という 4 つのディレクトリが表示されます。Agile はフレームワークのコアです。他のディレクトリの使用方法についても、前述の対応するリンクの説明で説明しています。アジャイルのディレクトリ構造は以下のとおりです:

agile/
§── css/
│ ├── agile.css
│ ├── agile.min.css
│ └── check.css
└── js/
§── agile.js
っていつ── agile.min.js
§── iscroll.js
§── template-native.js
§── touch2mouse.js
└── zepto.js

こちら 書類によっては不要なものもあれば、差し替えることができるものもあります。このうち、agile.* と app.* によるアジャイルのコア フレームワークは参照する必要があり、その他はサードパーティの補助フレームワークです。一般的な運用環境では、min.* のファイルを使用することをお勧めします。

アジャイルは Zepto と jQuery のデュアル エンジンをサポートしているため、ここでの zepto を jQuery に置き換えることもできますが、Zepto の方が効率的であるため、Zepto を使用することをお勧めします。

iScroll.js は、ここでは v4.2.5 バージョンを使用しています。通常、これを使用する必要がある場合は、直接呼び出す必要はありません。 iScroll 4.2.5 シンプル API へ。

template-native.js は、JSON データをテンプレート ファイルに動的に挿入できる古典的な JS テンプレート エンジンです。詳細については、github の場所を参照してください。

基本テンプレート
Agile フレームワークを使用すると、参照される最も基本的な CSS、JavaScript、HTML ページは次のとおりです (すべての JS と CSS は相対アドレスを使用します):

Hello World

入手

公式 Web サイト: http://www.exmobi.cn/agile/index.html
ヘルプドキュメント: http://www.exmobi.cn/course/course_27.html
このサイトからダウンロード: agile-dist v3.0.0 | 更新日: 2015-01-15