HTML5Plus モバイル開発を始める

小云云
小云云オリジナル
2018-02-10 14:02:284717ブラウズ

HTML5Plus は HTML5+ であり、コア中のコアであり、ネイティブ機能を呼び出すための依存関係です。 5+App の開発では、元の Web 開発に基づいて、開発者はこの API 仕様を習得することに重点を置く必要があります。

HBuilder

DCloud フロントエンド開発 IDE、コードは、これらの関数が本当に便利であることを示しています。 5+App の開発は、HBuilder 統合環境に依存しています。したがって、HBuilder は開発ツールおよび環境とみなすことができます。

MUI

ネイティブエクスペリエンスに最も近いモバイルアプリ用のUIフレームワーク

モバイルアプリの開発を容易にする豊富なUIコンポーネントを提供します。理由はわかりませんが、この製品を誤解している開発者が常にいます。

  • HTML5+ には MUI への絶対的な依存関係はありません

  • MUI は 5+App の開発をより便利にするためのものであり、一部のメソッドは 5+Runtime 環境で 5+API を呼び出します。

  • MUI は、5 つ以上のアプリの開発をさらに便利にするために、いくつかの非 UI プラグインを拡張しました。

  • 5+ アプリの開発には、必ずしも MUI を導入する必要はありません。より使い慣れた UI フレームワークを選択できます。

いくつかの質問

MUI はシステム ロック画面を呼び出すことができますか? HBuilder はこのレイアウトを実装できますか?

わざと誇張しているのではなく、上記の問題は現実です。その理由は、開発者が自分たちのニーズと関連製品の役割を理解していないためです。

学習ルート

製品間の関係を理解すると、学習ルートがより明確になります。実際、提供されている公式ドキュメントと例は、開発者が理解して学ぶには十分です。開発者の中には、ドキュメントを読むのに時間を費やすのが好きではなく、すぐに使えるソース コードを好む人もいるかもしれません。

HTML5Plus

HTML5+ には多数の API があり、それらを 1 つずつ読むのは明らかに非現実的です。各モジュールの定義を確認し、一般的に使用される主要なモジュールについて理解してください。

  • Webview ウィンドウ管理: これは最も基本的なものであり、最初に学習する必要があります。

  • デバイスデバイス情報: 一部のシステムデバイスの API がここにあります。

  • ダウンローダー タスクのダウンロード: さまざまな用途があります。

  • アップローダー タスクのアップロード: さまざまな用途があります。

その他のモジュールについては、特定のニーズに応じて理解してください。

ソースコード

HBuilder -> メニュー -> New -> Hello H5+HBuilder -> 菜单 -> 文件 -> 新建 -> 移动 App -> Hello H5+
即可获取 HTML5Plus 规范演示应用的源码。参考这个示例工程的源码,结合文档说明,动手做一些小的 demo 可以更快熟悉相关 API。

MUI

前面提到过,MUI 的一些方法是基于 5+ API 封装的。因此,熟悉了一些基本的 5+ API 后再来学习更加合适,不会产生许多疑惑及误读。

源码

很多人会吐槽 MUI 的文档不全,其实 MUI 的组件和插件,全都在 Hello MUI 这个示例工程里面了。
HBuilder -> 菜单 -> 文件 -> 新建 -> 移动 App -> Hello MUI HTML5Plus 仕様のデモ アプリケーションのソース コードを入手できます。このサンプル プロジェクトのソース コードをドキュメントと組み合わせて参照し、いくつかの小さなデモを作成して、関連する API に早く慣れることができます。

MUI

前述したように、MUI の一部のメソッドは 5+ API に基づいてカプセル化されています。したがって、多くの疑問や誤解を招かないように、5 つ以上の基本的な API に慣れてから学習を開始する方が適切です。

ソース コード

MUI のドキュメントが不完全であることに多くの人が不満を抱くでしょう。実際、MUI コンポーネントとプラグインはすべて Hello MUI サンプル プロジェクトに含まれています。
    HBuilder -> ファイル -> New Mobile App -> このプロジェクトには、MUI のすべてのコンポーネントとプラグインが含まれています。例。実際の開発では、ここからソースコードをコピーして直接貼り付けると、少し修正して使用できます。ここにあるコンポーネントとプラグインがニーズを満たせない場合は、他のライブラリを探すか、労力をかけて自分で実装することができます。 <li><p>コミュニティ</p></li> 新しい知識を学ぶとき、必然的に疑問に遭遇したり、バグを見つけたりすることもあります。質問したりバグを報告したりすることも、開発者として必須のスキルです。 5 つ以上のアプリ開発を学ぶときは、QQ グループに頼らず、公式コミュニティを使用して検索したり質問したりする方法を学ぶ必要があります。 <li><p>参考ドキュメント</p></li> <li><p>ドキュメントセンター</p></li>

HTML5+仕様

mui製品概要

概要

この記事の最後で、HTML5Plus開発に関する冒頭部分がついに終了します。冒頭部分では主に HTML5Plus の開発に関する私の見解と理解を説明します。より完全な内容を得るには、やはり公式ドキュメントを読む必要があります。

関連製品

HTML5Plus モバイル開発をマスターしたい場合は、まず DCloud 社のいくつかの製品間の関係を明確にする必要があります。そうしないと、ただの混乱になるだけですし、先入観によって間違った理解を招くこともあります。

HTML5Plus

は HTML5+ であり、コア中のコアであり、ネイティブ機能を呼び出すための依存関係です。 5+App の開発では、元の Web 開発に基づいて、開発者はこの API 仕様を習得することに重点を置く必要があります。

HBuilder

    DCloud は、フロントエンド開発用の IDE であり、これらの関数が非常に役立つことがわかります。 5+App の開発は、HBuilder 統合環境に依存しています。したがって、HBuilder は開発ツールおよび環境とみなすことができます。
  • MUI

  • ネイティブエクスペリエンスに最も近いモバイルアプリ用のUIフレームワーク
  • モバイルアプリの開発を容易にする豊富なUIコンポーネントを提供します。理由はわかりませんが、この製品を誤解している開発者が常にいます。

  • HTML5+ は MUI に絶対的な依存関係はありません

    🎜🎜🎜MUI は 5+App の開発をより便利にするためのものであり、一部のメソッドは 5+Runtime 環境で 5+API を呼び出します。 🎜🎜🎜🎜MUI は、5 つ以上のアプリの開発をより便利にするために、いくつかの非 UI プラグインを拡張しました。 🎜
  • 5 以降のアプリの開発には、必ずしも MUI を導入する必要はありません。より使い慣れた UI フレームワークを選択できます。

いくつかの質問

MUI はシステム ロック画面を呼び出すことができますか? HBuilder はこのレイアウトを実装できますか?

わざと誇張しているのではなく、上記の問題は現実です。その理由は、開発者が自分たちのニーズと関連製品の役割を理解していないためです。

関連する推奨事項:

HTML5plus モバイル アプリケーション開発例の共有


以上がHTML5Plus モバイル開発を始めるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。