0

私はjQueryプラグインの作成に取り組んでおり、物事を構造化する方法に関していくつか質問があります。

1.プラグインはどのくらいのHTMLを記述し、jQueryを介してどのくらいのHTMLを作成する必要がありますか?

コードを見たときにマークアップ構造全体が見えるように、すべてのHTMLを記述したのは良いことですか?

または、ユーザーがコンテンツを追加/変更し、残りのすべてのかさばるHTMLをjQueryを介して非常に簡単に作成できるように、最小限のHTMLのみを記述した方がよいでしょうか。

推奨される方法はありますか?プロのプラグインではどのように処理されますか?

なぜ特定の方法で物事を行う必要があり、その背後にある理由は何ですか?

2.プラグインオプションとCSSのバランスをとる方法は?

プラグインは、プラグインの表示に影響を与えるオプション(スタイルシートを変更するオプション)を提供する必要がありますか、それとも、表示を変更するためにユーザーにスタイルシートを直接変更させ、プラグインには機能に関連するオプションのみを含める方がよいですか?

CSSをステップオーバーしないようにプラグインで提供するオプションに関するガイドは何ですか?

私の経験に関しては、これらすべてをさまざまな場所やプラグインで見たことがあります。そのため、経験豊富なユーザーに意見を求め、優れた方法とその理由を尋ねています。

4

2 に答える 2

2

1.プラグインはどのくらいのHTMLを記述し、jQueryを介してどのくらいのHTMLを作成する必要がありますか?

プログレッシブエンハンスメントのパラダイムによれば、JSが有効になっていない場合に役に立たないマークアップがあってはなりません。言い換えると、プラグインに特別なマークアップと追加のタグが必要な場合は、プラグインがそれ自体で作成する必要があります。

その理由はセマンティクスです。JSが有効になっていない場合、追加のプラグインマークアップはユーザー(およびボット)にとって役に立たないため、まったく存在しないはずです。

また、優れたJSプラグインを開発するということは、プラグインに障害が発生した場合やJSが無効になった場合でも、コンテンツを引き続き利用できることを意味します。さらに、プラグインにアクセスできるようにするために、さらに注意を払う必要があります。より高度な問題もカバーするプログレッシブエンハンスメントのトピックの詳細は、たとえばTheFilamentGroupの本にあります。

2.プラグインオプションとCSSのバランスをとる方法は?

次のようにします。

  • コンテンツ:HTML
  • ロジック:JS
  • プレゼンテーション:CSS

現在少し変更されているという事実にもかかわらず(CSS3アニメーションを考えてください)、プラグインのオプションは、見た目ではなく、動作に影響を与える可能性があります。つまり、ユーザーは、タイミング、遅延、速度、要素の数など、プラグインがJSを介して実行していることをすべて構成できる必要があります。ただし、CSSスタイルシートにはプレゼンテーションの側面を残してください。JSを使用して、インラインスタイルではなく要素のクラスを変更し、ユーザーが必要なCSSを記述できるようにします。明らかに、デフォルトのスタイルを提供することを忘れないでください:)

AListApartのトピックについてもっと読むことを常にお勧めします。これはかなり理論的な記事ですが、フロントエンド開発者にとっては絶対に必読の記事です。

于 2012-04-19T06:06:13.613 に答える
0

Tutsplusには、役立つビデオを含むjQueryコースがあります。 http://tutsplus.com/lesson/head-first-into-plugin-development/

これは、teがプラグインを作成する方法を説明するビデオの1つです。プラグインを作成する方法はたくさんありますが、これは良い方法です。

于 2012-04-19T07:13:13.900 に答える