uniapp と HTML5 の違い: 1. uniapp はすべてのフロントエンド アプリケーションを開発するために Vue.js を使用するフレームワークですが、HTML5 は Web コンテンツを構築するための言語記述方法です; 2. uniapp はサポートしていませんdom 操作、H5 の最後に DOM オブジェクトがあります; 3. Uniapp はフィルターなどをサポートしていません。
#このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、thinkpad t480 コンピューター。
推奨事項 (無料):
uni-app 開発チュートリアル
uniapp は、Vue.js を使用してすべてのフロントエンド アプリケーションを開発するフレームワークです。 iOS、Android、Web (レスポンシブ)、さまざまなミニ プログラム (WeChat/Alipay/Baidu/Toutiao/QQ/DingTalk/Taobao)、クイック アプリケーション、その他のプラットフォームに公開するためのコード。
HTML5 は、Web コンテンツを構築するための言語記述方法です。 HTML5 はインターネットの次世代標準であり、インターネット コンテンツを構築および表示するための言語方式です。インターネットの中核技術の 1 つと考えられています。 HTML は 1990 年に作成され、HTML4 は 1997 年にインターネット標準となり、インターネット アプリケーションの開発に広く使用されています。
Uniapp はクロスモバイル開発をサポートしています。H5 エンドだけを行う場合、uniapp を使用することは実際には vue を使用して開発するのと変わりません。vue で使用できるプラグインは uniapp でも使用できます。
uniapp のパフォーマンスの問題は主にアプリ側に集中していますが、H5 と VUE の開発経験は同じです。
1. タグの違い
2. コンポーネントの違い
3. JS の変更
#4. 主な違い
uniapp h5 との主な違いは、uniapp が DOM 操作をサポートしていない (H5 側には DOM オブジェクトがある) こととフィルターをサポートしていないことです。これは WeChat アプレットと一致しています。
5. 共通点
1. uniapp と h5 の共通の利点: 片側が多目的で、単一品種に適しており、シンプル、便利、コンパクトです。
2. uniapp と h5 の共通の欠点: ネイティブと比較すると、現時点ではパフォーマンスに埋められないギャップがあります。
6. APP アプリケーション アーキテクチャ
uni-app はコンパイルして WebApp にパッケージ化できます。なぜ多くの人が依然としてネイティブ APP シェルを使用しているのでしょうか?負担が増えませんか？実際、これはプロジェクトのニーズによって決まります。最初に uni-app を使用して H5 エンドを開発します。当面は、uni-app では目標を達成できません。その後、ネイティブ APP を使用して、特定の要件を満たすためのインタラクションを完了します。ニーズ。
1. 開発面
(1) ネイティブ APP
異なるモバイル オペレーティング システム (iphone、ipad、Android) は個別に開発する必要があります。開発とメンテナンスのコストは高く、開発速度は遅く、APP のオンライン レビュー プロセスは複雑で時間がかかります。
(2) WebApp
モバイル端末のブラウザ上で動作するため、必要な開発プロジェクトは1つだけです。開発コストが安く、開発スピードも早い。
2. 機能面
(1) ネイティブAPP
はモバイル端末のハードウェアデバイス(マイク、カメラ、SMS、GPS、Bluetooth)を呼び出すことができます。豊かな機能を実現します。
(2) WebApp
は、コンピュータ側の Web ページというよりも、ページ表示 APP です。限られたモバイル ハードウェア デバイスの機能のみが利用可能です。
3. アプリケーションのインストールとバージョン管理
(1) ネイティブ APP
インストール: App Store|APP Store のダウンロード、帯域幅コストを節約し、ローカル リソースにアクセスできます。 。
バージョン: ユーザーはバージョンを更新するかどうかを自由に選択できます。新旧バージョンの両方を維持する必要があり、維持費が高額です。
(2) WebApp
インストール: モバイル デバイスのブラウザからアクセスし、ソフトウェアの更新にはサーバーの更新のみが必要です
バージョン: インストール不要でモバイル端末のメモリ容量を節約、すべてのユーザーが同じバージョンを使用、バージョン更新速度が便利、サーバー上で直接データを更新するだけですぐにオンラインになります
4. 読み込み速度の観点から
( 1) ネイティブ APP
は、「クラウド サーバー データ アプリケーション クライアント」で構成されており、すべての UI 要素、データ コンテンツ、論理フレームワークが含まれます。 APPはモバイル端末にインストールされます。アクセスする際はデータのみをロードすればよく、アプリケーションページのフレームをダウンロードする必要がないため、ロード速度が速くなり、ページの応答も速くなります。オフラインでも使用可能。
(2)WebApp
ページを開くには、ページのすべての要素を再読み込みする必要があり、モバイル端末の性能やネットワーク環境によってアクセス速度が制限されるため、読み込み速度が遅く、操作が頻繁で簡単です。
5. ハイブリッド APP
利点: マルチ プラットフォームとの互換性、モバイル デバイス機能へのスムーズなアクセス、アプリ ストアのダウンロード (Web アプリケーションはネイティブ アプリケーションのシェルを使用します)
欠点: ユーザー エクスペリエンス ネイティブほど良くはなく、パフォーマンスがわずかに遅い
6. 概要
ネイティブ APP は対話を好み、ユーザー エクスペリエンスに重点を置いていますが、Web アプリは情報表示のためにブラウザーとの単純な対話を好みます。一部の機能はハードウェアへのアクセスが必要なため、ネイティブ APP を使用してください。
現在、ネイティブ APP と Web アプリを統合する方法が一般的で、コア機能はネイティブ APP を使用し、コンテンツ表示などの補助的な単純な機能は Web アプリを使用します。これにより、更新が容易になり、コア機能のインタラクティブなエクスペリエンスが確保されます。
以上がuniappとHTML5の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
