1

私は jQuery プラグインに取り組んでおり、HTML、CSS、および JavaScript コードを統合するための優れた方法について、より経験豊富な人々からの意見を求めています。

具体的には：

1.HTML コード - 静的 vs 動的

必要最小限の HTML マークアップのみを記述し、残りの必要な HTML コードを JavaScript を使用してプラグインで動的に作成するのは良いことですか?

それとも、必要な HTML をすべて手動で記述したほうがよいのでしょうか?

コードの構造全体を見ると、最小限の HTML だけがよりクリーンで簡単に変更できるように見えます。必要な HTML はすべて、プラグインを完全に理解し、カスタマイズし、操作するのに適している可能性があります。

2.CSS コード - JavaScript または外部

CSS コードを JavaScript で動的に作成して適用するのは良いことですか、それとも CSS コードを外部の CSS ファイルに含めるのは良いことですか?

CSS が内部の場合、プラグインの指定されたプロパティに基づいて動的に作成されます。より多くのプロパティがありますが、すべての設定はプラグインの設定で 1 か所で指定されます。

コードが外部の場合、利用可能なさまざまなオプションを変更するために、ユーザーは CSS を編集する必要があります。

一方では、最小限の HTML と動的に作成された CSS を使用する方がユーザーにとって理解しやすいように見えますが、他方では、すべての HTML と外部 CSS を使用すると、より高度なプラグインに対してより強力で優れているように見えます。

私が探しているのは、経験豊富なユーザーから、HTML、CSS、および JavaScript を統合してプラグインを作成するための優れた方法についてのヒントです。

4

3 に答える 3

0
  1. 必要最小限の HTML マークアップのみを記述し、残りの必要な HTML コードを JavaScript を使用してプラグインで動的に作成するのは良いことですか?

はい、これが jQuery UI プラグイン (および他のほとんどのプラグイン) のしくみです。

 2.CSS コード - JavaScript または外部?

css ルールがどれほど複雑であるかによって異なります。jQuery UI では css ファイルを使用しますが、jQuery Validation では使用しません。

于 2012-04-18T02:31:23.317 に答える
0

  1. それは、プラグインが何をしようとしているのかに大きく依存します。JavaScript が存在せず、要素が JavaScript なしでは他の機能を持たない場合、それらの要素を JavaScript で作成します。

  2. 常に、常に、常に CSS ファイルに CSS を保持してください。jQuery を使用してクラスを追加するだけです。

あなたのコードを使用したいが、カスタマイズするたびに JS プラグインを編集する必要がない開発者の立場になってください。

一般的な経験則として、jQuery プラグインで作成する HTML は、プラグインのデフォルト パラメータを変更することでカスタマイズできるはずです。

于 2012-04-18T02:31:49.943 に答える
0

優れたパフォーマンスが必要で、1 つまたはいくつかの特定のプロジェクト用のプラグインを作成する場合は、以下のルールに従うことができます。

既に使用しているのと同じスタイル シートに CSS を配置する必要があります。後で簡単に変更できるようにしたい場合は、コメントで区切ることができます。

また、HTML で既に HTML タグを定義する必要があります。可能であれば（動的でない場合、または条件に依存する場合）、それをターゲットにして、やりたいことを何でもできるようにします。

条件付き HTML がある場合は、別のビュー セクションで JavaScript で作成できます。後で編集したい場合に、ほぼすべてのタグをまとめて見つけることができるようにします。

誰でも使えるプラグインが必要な場合は、どのプロジェクトでも使用できます。次に、パフォーマンスについて少し妥協する必要があります。1 つまたは 2 つのファイルへの参照を追加して簡単に組み立てられるように、プロジェクトとは別の HTML と CSS を配置する必要があります (別の場所からコードをコピーして貼り付ける必要はありません)。

次に、大量の CSS がある場合は、CSS 用に別のスタイル シートを作成する必要があります。それ以外の場合は JavaScript で定義します。

JavaScript で HTML を作成し、それをビューとしてまとめる必要があります。後で簡単に編集できるように。

于 2012-04-18T13:00:24.967 に答える