Web フロントエンドとモバイル フロントエンドの違いは何ですか

違い: 1. Web フロントエンド開発は主に従来の PC 側の Web ページ開発を指します。ページは主に PC 側のブラウザーで実行されます。モバイル フロントエンドで開発されたページは主に携帯電話で実行されます。 2. モバイル端末は主に Webkit カーネルに基づいており、HTML5 などの新しいテクノロジのサポートが強化されていますが、Web フロントエンドは多くのシナリオで IE などの古いバージョンのブラウザとの互換性を必要とするため、場合によっては使用が制限されます。新しいテクノロジーの。 3. ページの適応性という点では、モバイル ページの適応はより困難です。 4. ページのパフォーマンスに関しては、Web 側のパフォーマンスがモバイル側のパフォーマンスよりも安定しています。

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

現在のフロントエンドの一般的な傾向によると、フロントエンド開発はますます大規模なフロントエンドに向けて発展しており、その内容も包括的です。 Web フロントエンドとモバイル フロントエンドの違いについて話しましょう。

1. ビジネス アプリケーション シナリオ

Web フロントエンド開発は主に従来の PC 側の Web ページ開発を指し、ページは主に PC 側のブラウザーで実行されます。フロントエンド開発 出てくるページは主に携帯電話で動作します。

直感的にはPCページが大きく、モバイルページが小さく感じられると思いますが、開発経験上、ページが大きいからといってコードが複雑になるわけではなく、ページが小さいからコードが複雑になるわけでもありません。トランザクションの処理は主に特定のビジネス ニーズに依存します。

2. 新しいテクノロジーの使用

モバイル端末は主に Webkit カーネルに基づいているため、HTML5 などの新しいテクノロジーのサポートが強化されており、新しい技術の利用や、PC側の開発ではIEなどの旧バージョンのブラウザとの互換性が求められる場面も多く、ブラウザの互換性の観点から新技術の利用が制限される場合があります。

3. ページの適応性

従来の PC 側のページ開発では通常、ページの幅を固定し、両側に空白を設定することを選択しますが、モバイル向けです。携帯電話のページの画面は PC の画面よりもはるかに小さいため、一般に携帯電話の画面にできるだけ多くのコンテンツを表示することが選択されます。これには、モバイル ページがさまざまな画面の携帯電話に完全に適応できる必要があります。サイズを最大限に活用してください。

この観点から見ると、モバイル ページの適応はさらに困難になります。

4. ページのパフォーマンス

PC 側のネットワーク状況は一般に比較的安定しており、すべてネットワーク ケーブルまたは Wi-Fi 経由でネットワークに接続されていますが、 Wi-Fi、2G、3G、4G を除き、モバイル側はさらに複雑で、複数の異なるネットワーク接続間の切り替えも頻繁に発生します。

不安定なネットワーク接続がページのパフォーマンスにもたらす課題は、モバイル側のページ リソースが大きすぎないことです。大きすぎると、ネットワーク状態が悪い場合はページにアクセスできなくなり、ユーザー エクスペリエンスに重大な影響を及ぼします。

5. フレームの選択

モバイル ネットワークが不安定であるため、モバイル ページのフレームを選択するときは、通常、小さくて美しいフレームのみを考慮します。 .js は圧縮後のサイズが 9.6K しかないため、一般的なビジネスのニーズを満たすことができます。より複雑な単一ページのアプリケーションを構築したい場合は、機能は強力ですがサイズが圧縮されている vue.js のようなフレームワークを選択できます。 . その後、20Kを超えるだけでした。

Web 側には比較的広い範囲の選択肢があり、プロジェクトのニーズに基づいて、より重いフレームワークも検討できます。たとえば、古くても巨大な ext.js は、多くの UI を備え、一部の企業で今でも使用されています。コンポーネント: バックグラウンド管理システム プロジェクト内。

(学習ビデオ共有: Web フロントエンドの入門 )

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