C++/C# を使用すると、継承などを通じて使用できる再利用可能なコード片であるコントロールを作成できることはわかっています。ただし、CSS、JavaScript、および HTML5 を使用した Windows 8 ストア アプリのビルドで同じ原則を使用できるかどうかはわかりません。 . 可能であれば、視覚要素の継承と再利用のために Windows 8 アプリを設計するのに役立つ各テクノロジ (CSS、JavaScript/WinJS、HTML5) の主要な要素を特定してください。
ティア
3 に答える
1
したがって、HTML および JavaScript Windows 8 アプリケーションの場合、同じ量のコードの再利用性を達成する方法が確実にあり、実際、ほとんどのパターンは同じ命名法を使用しています。ほとんどの場合、素晴らしい例が見つかります。
あなたの特定の質問ごとに：
- ナビゲーション アプリケーションの default.html ページで参照される CSS クラスは、アプリケーション全体で利用できます。(実際には、読み込まれたスタイルはメモリに保持されるため、詳細ページにアクセスし、実際のページに固有ではないヘッダーのスタイルが含まれている場合、最初に読み込まれた後に別のページの詳細ページに適用される場合があります。)
- HTML ページはページ コントロールと iframe で参照できるため、通常の Web サイトと同じように、これらのレイアウトを複数の場所で再利用できます。
- Windows 8 アプリケーションに適用される JavaScript は、実際には非常によく練られています。名前空間、クラスの定義と派生のための環境に組み込まれたコード編成のための優れたユーティリティのセットがあり、すべてコントロールの簡単な作成などを可能にします。
これはもちろん、プラットフォームで使用できる既存の HTML/CSS/JavaScript 技術についての他の人々のコメントは言うまでもありません。お気に入りの JQuery プラグインはありますか? Windows 8 でもまだ動作する可能性があります。
于 2013-04-25T03:23:02.680 に答える
1
javascript ベースの Windows ストア アプリケーションでコードを再利用するために遭遇したことはほとんどありません。
- カスタム コントロール - ページ間で再利用できるカスタム コントロールを作成する必要がある場合や、複数のプロジェクトで再利用できる場合があります。このリンクは、WinJS lib を使用したカスタム コントロールの構築の概要を示します。たとえば、ImageSelectControl に 1 つのカスタム コントロールを作成しました。選択した画像を表示したり、ユーザーが選択した画像を変更/削除したり、選択した画像のサムネイルをコントロールに表示したりできるようにするためのコントロールが必要になることがよくあります。アプリの複数のページでこのコントロールを使用します。
- default.css - これには、プロジェクトのデフォルトのスタイルが含まれています。いくつかのアプリを構築する中で、vs テンプレートによって生成されたデフォルトの上に追加されるスタイルである、デフォルトの CSS クラスのセットに出くわしました。このファイルをプロジェクト間でコピーします。たとえば、すべてのアプリには「ブランディング」の配色があります。それに基づいて、アンカー ホバーの色、入力選択コントロールの背景などを設定する必要があります。このようなルールはプロジェクト全体で再利用可能で、ブランディングの色のみが変更されます。default.css でそのようなルールを特定して整理し、プロジェクト間で再利用することをお勧めします。
- default.js - このファイルは、アプリのライフサイクル イベント処理のためにいくつかの更新も行います。プロジェクトのデータ モデルの分離を維持する場合、このファイルはプロジェクト全体で再利用できます。
- WinJS.Class.derive関数を使用して継承を定義できます。しかし、これまでのところ、私のプロジェクトでこれを大幅に使用したことはありません。
- さまざまな種類のページ用の個人用テンプレート (.html/css/js ファイルのセット) に出くわすでしょう。それらを再利用するのは良いことです。私はそれらのいくつかを作成しました (そのようなテンプレートのすべてではありません) が、作成する予定です。複数のアプリで作業する場合は、そのようなテンプレートを探して、テンプレートの 1 つからページの開発を開始することをお勧めします。テンプレートは、一連の .html/.js/.css ファイルを含む template\ というフォルダーとして簡単に管理でき、これらのファイルを新しいページ フォルダーにコピー ペーストします。
- ユーティリティ ライブラリ - 一連のユーティリティ ヘルパー関数を作成します。それらを js/utils.js に保管し、プロジェクト間で共有しています。例 - Utils.handleError(error): エラーが発生した場合にユーザーにメッセージを表示します。Utils.UI.initializeWithProgressRing は、Promise を使用してページを読み込み、ページが読み込まれるまで進行状況リングを中央に表示します。WinJS.xhr のラッパー。ヘルパー関数をビルドする前に、WinJS.Utilities 名前空間を確認することをお勧めします。ここで必要な機能を何度か見つけました。
要約すると、私の場合、コードの再利用は、js ユーティリティ ライブラリ、ページのテンプレート、default.js、default.css、カスタム コントロールの再利用時に発生します。継承は利用可能ですが、私はあまり使用していません。HTH。
于 2013-04-25T03:31:42.603 に答える
-1
SASS は、CSS スタイルを含めて再利用するための優れたツールを提供します: http://sass-lang.com/
HTML と JS に関しては、PHP を使用してコード スニペットを変数と配列に格納できます。同様に、JS で HTML 要素を再生成する場合にも同じロジックが適用されます...変数にマークアップまたはスニペットを格納するだけです: http://www.w3schools.com/js/js_variables.asp
これは役に立ちますか？
于 2013-04-25T00:20:04.357 に答える