ホームページ  >  記事  >  ウェブフロントエンド  >  uniappとHTMLの違いは何ですか

uniappとHTMLの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-02-24 17:08:002798ブラウズ

違い: 1. uniapp はフレームワークであり、HTML はマークアップ言語です。 2. コンポーネント/ラベルに違いがあります。たとえば、p は view に、span と font は text に、a は navigator に、img は image に変更されます。 3. Uniapp は DOM 操作をサポートしませんが、HTML はサポートします。

uniappとHTMLの違いは何ですか

#このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1&&HTML5 バージョン、thinkpad t480 コンピューター。

#ユニアプリと HTML の違い

##コンポーネント/タグの変更

以前は HTML タグでしたが、現在はミニプログラム タグです

p は view

    span に変更され、フォントは に変更されましたtext
  • a は navigator
  • に変更されました。img は image
  • に変更されました。input はまだ存在しますが、type 属性はconfirmtype
  • form に変更されました。ボタン、チェックボックス、ラジオ、ラベル、テキストエリア、キャンバス、ビデオは引き続き存在します。
  • select は picker に変更されました
  • iframe は web-view に変更されました
  • ul と li はなくなりました。代わりに view を使用してください
  • audio は推奨されなくなりました. API モードに変更し、バックグラウンド オーディオ API ドキュメント
  • 実際には、古い HTML タグも uni-app で使用できます。uni-app コンパイラは、コンパイル中に古いタグを新しいタグに変換します。ただし、H5 側のデバッグ時に混乱しやすく、また要素ベースのセレクターで問題が発生するため、この使用法は推奨されません。

  • 推奨: 「
  • uni-app 開発チュートリアル

変更に加えて、携帯電話で一般的に使用される多くの新しいコンポーネントが追加されました。追加

scroll-view エリアのスクロール可能なビュー コンテナ
  • ##スワイパー スワイプ可能なエリア ビューのコンテナ

  • #icon icon

  • リッチテキスト リッチ テキスト (js は実行できませんが、さまざまなテキスト形式と画像をレンダリングできます)

  • 進捗状況バー

  • スライダー スライダー インジケーター

  • スイッチ スイッチ セレクター

  • カメラ カメラ

  • live-player ライブ ブロードキャスト

  • マップ マップ

  • cover-view ネイティブ コンポーネントをカバーできるビュー コンテナ

    cover-view では、さらにいくつかの単語を強調する必要があります。uni-app の非 h5 側のビデオ、マップ、キャンバス、テキストエリアはネイティブ コンポーネントであり、他のコンポーネントよりも高レベルです。マップにマスクを追加するなど、ネイティブ コンポーネントをカバーする必要がある場合は、カバービュー コンポーネントを使用する必要があります。
  • 組み込みコンポーネントに加えて、多くのオープン コンポーネントがあります。一般的な操作をカバーするソース拡張コンポーネント。カプセル化のために、DCloud はこれらの拡張コンポーネントを含めるためのプラグイン マーケットを確立しました。詳細については、プラグイン マーケットを参照してください。

js の変更点

#ブラウザ Cheng v8 エンジンからの実行環境の変更##if、for、settimeout、indexOf などの標準の js 構文と API がサポートされています。 ただし、ブラウザー固有のウィンドウ、ドキュメント、ナビゲーター、および位置オブジェクトはブラウザーでのみ利用可能であり、アプリやミニプログラムではサポートされていません。つまり、ドキュメントに依存する多くの HTML ライブラリは、 jqueyなどは使用できません。ただし、アプリと小さなプログラムは、標準 HTML を読み込むことができる Web ビュー コンポーネントをサポートしています。この種のページは、引き続きブラウザ固有のオブジェクト ウィンドウ、ドキュメント、ナビゲーター、場所をサポートします

以前の dom 操作が変更されましたvue への MVVM モード
  • alert,confirm は uni.showmodel
  • ajax に変更されます uni.request

cookie とセッションはローカルでなくなります。 storage を uni .storage

    uni-app の js API はたくさんありますが、基本的には小さなプログラムの API です。wx.xxx を uni.xxx
  • ## に変更するだけです。 #css の変更
  • セレクターには 2 つの変更があります: *セレクターはサポートされていません; 要素セレクターに本文がなく、ページに変更されました
  • 単位に関して px は使用できません異なる幅の画面に動的に適応します。rem は h5 にのみ使用でき、rpx は WeChat ミニ プログラムにのみ使用できます。この目的のために、uni-app は、すべての端末とすべての画面幅に適用される動的ユニットである upx を追加しました。upx
uni-app ではフレックス レイアウトの使用を推奨しており、デフォルトはフレックス レイアウト

です。
    プログラミング関連の知識について詳しくは、
  • プログラミング ビデオ
  • をご覧ください。 !

以上がuniappとHTMLの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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