1

HTML5 アプリケーションの詳細を少し調べてみましたが、検索が難しいか、正しい方法で検索していない可能性があります。基本的に、ネイティブ アプリケーションのエクスペリエンスを提供する HTML5 と CSS3 を使用してアプリケーションを作成する新しい方法を理解したいと考えています。以下は私の疑問です。

  1. ページごとにナビゲートする方法。典型的な Web アプリケーションでは、すべてのページがサーバーに要求され、サーバーは新しいページを更新してブラウザーに読み込みます。最新のアプローチでは、ページの更新効果なしでページ ナビゲーションを行う方法は何ですか。

  2. 一般的な Web アプリケーションでは、asp.net などの動的な Web プログラミング、JSP を使用してブラウザーで HTML ファイルを生成します。最新のアプローチとは何ですか? 同じ方法を使用する必要がありますか、それともプレーンな静的 HTML ファイルを使用して jquery で変更することができますか?

  3. ページの更新が発生しないように、クライアント サーバーの通信がどのように行われる必要があるか。すべての通信に jquery を使用できますか。ブラウザでは機能しすぎますか。

  4. HTML5 ファイルのホスト方法。サーバーまたは各クライアントでは、ローカルに HTML ファイルのコピーが必要です。

これを説明するリソースは素晴らしいでしょう。

4

4 に答える 4

1

質問は非常に一般的ですが、私はそれに答えようとします。

1. HTML5 は、 w3.org によると、まだドラフト段階にある HTML の新しいバージョンです。
HTML5 は依然として HTML であり、HTML はサーバーから次のページの新しいコピーを要求することによって他のページに移動し、サーバーはこれに積極的に応答します。ただし、これによりブラウザから既存のページがフラッシュされ、新しいページが取り込まれます (そして、同じページが再度要求されると、ブラウザにキャッシュされたコピーが表示されるか、新しい要求がサーバーに送信され、すべての内容が小さくても大きくてもリロードされます)。リロード部分です。ただし、HTML ページの一部を要求できる AJAX が提供する非同期サービスを使用できます。

Ajaxは、非同期 Web アプリケーションを作成するためにクライアント側で使用される相互に関連する Web 開発手法のグループです。Ajax を使用すると、Web アプリケーションは、既存のページの表示や動作に干渉することなく、サーバーと非同期に (バックグラウンドで) データを送信したり、サーバーからデータを取得したりでき



2. 最近では、静的ページはめったに使用されません。ただし、サイトにユーザー固有のコンポーネントがあまりない場合、またはサイトに配置する静的データしかない場合は、javascript の読み込みを回避できるため、静的ページが役立ちます。繰り返しになりますが、最新の Web ページはすべて動的です。

モデル ビュー コントローラーのアプローチやイベント ベースのアプローチなど、Web 上に動的コンテンツを配置する方法はたくさんあります。

参考までに、新しい外観は、サイト内のすべてのコンテンツが 1 つのページに表示され、ページのさまざまな部分にフィードする複数のコントローラーがあり、そのすべてが 1 つのビューに結合される1 ページの外観です。 . こちら
をご覧 ください。 3. 最近は新しい js オプションがたくさんあり、node.js とangular.jsが最新の追加です。Node.jsは、サイトを完全に JavaScript で動かしたい場合に最適なオプションですが、まだnode.jsをサポートしているホスティング サイトは多くありません。ただし、現時点ではjavascriptが未来のようです。 4. この質問は、あなたの観点からの調査がまったく不足しているため、非常に大きなものです。なぜなら、



ホスティングとコピーの保持は 2 つの異なるものです。ホスティング サイトとクライアント (つまりブラウザ) 以外に、クライアントの近くに配置された他のサーバーが多数あり、その場でページを提供し、ファイルが持ち込まれるからです。すぐにブラウザに。

したがって、ある意味では、膨大な数のヒットがある多くの Web サイトは、リクエストを迅速に処理するために、低速のバックエンド サーバー上に高速キャッシュ サーバーの層を持っています。次に、非常に低速なサーバー上に高速キャッシュ データベース サーバーもあります。

したがって、ここで強調したいのは、これは純粋にパフォーマンスに関連する決定であることです。そのため、達成したいことがあれば、それが速度であろうとなかろうと、探求すべき選択肢はたくさんあります。

CSS3 の部分について言えば、CSS3 のアニメーションの部分はまだグローバルに受け入れられていません。CSS3D トランジションを処理できないブラウザーを使用しているユーザーが世界中にまだ存在します (古いバージョンの IE を使用しているユーザーなど)。それはそれについてです。

とはいえ、これらは純粋にパフォーマンスに関連するものであり、HTML5 や CSS3 はここでは関係ありません。

于 2013-09-05T12:13:57.383 に答える
0

単一ページの HTML 5 アプリが必要とのことですが、ページ ナビゲーションには Jquery モバイルを使用できます。ajax を介して実装します。ネイティブ アプリケーションのエクスペリエンスが必要な場合は (モバイル デバイスでは JQM が少し遅くなる可能性があります)、使用されていないウィジェットや使用されていないテーマを削除したり、巧妙な JavaScript を使用してページのリフローを最小限に抑えたりするなど、jquery モバイルのパフォーマンスを改善します。

このようなアプリでは、コードの保守性のために、バックボーン js、ノックアウト js などの JavaScript フレームワークを使用する必要があります (さまざまな MVVM フレームワークから選択できます)。

クライアント サーバー通信では、AJAX 呼び出しを行うことができます。

于 2013-09-05T12:00:41.640 に答える
0

jQuery モバイルをチェックしてください。

基本的に、jqm やその他の Web モバイル フレームワークは Ajax を使用してページの更新を回避し、おまけとして素敵なアニメーションを使用します。

于 2013-09-05T11:54:50.647 に答える
0
  1. これは、サーバーから Web アプリにデータをどのようにプルするかという問題です。はい、それは ajax リクエストになります。はい、それを html ページに挿入する必要がありますが、これはページ全体がサーバーから取得されなければならないという意味ではありません。基本的に、サーバー、仲介者、およびフロントエンドの 3 層セットアップを使用できます。中間部分には「ページ」の html テンプレートがあり、サーバーからの受信データを挿入し、フロント エンドが処理してすべてを実現します。php/angular または jquery セットアップ、または php/handlebars/jquery または javascript セットアップのようにすることができ、他にも多くのセットアップがあります。ページのナビゲーションは、フレームワークの設定に依存します。
  2. 再び上記のようなものです。ルーティングは、最近ではサーバーと通信する最も一般的な方法です。基本的に、さまざまなルートを介してサーバーにデータを要求し、受信データ (おそらく json) を、エンド ユーザーに提示する任意のテンプレート エンジンで処理します。ルーティングに関しては、slim や symfony などの php ソリューションが最も人気があります。
  3. Jquery はまったく問題なく、最近では angular の方がはるかに高速であると言われています。Handlebars は、テンプレート ページの作成に最適です。Angular コンバイン、Qjuery、ハンドルバー、その他の機能がすべて 1 つにまとめられています。Backbone.js は別の優れたものです。
  4. これは奇妙な質問です。または、概念全体についてもう少し調査する必要があることを教えてくれます。ただし、フレームワークと MVC タイプ モデルの観点から考えてみてください。
于 2013-09-05T11:59:44.747 に答える