uniappとHTMLの違いは何ですか

違い: 1. uniapp はフレームワークであり、HTML はマークアップ言語です。 2. コンポーネント/ラベルに違いがあります。たとえば、p は view に、span と font は text に、a は navigator に、img は image に変更されます。 3. Uniapp は DOM 操作をサポートしませんが、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 サイトの他の関連記事を参照してください。