私はjqueryプラグインをコーディングしています。セットアップを少し簡単にするために、.jsファイル内のすべてのCSSを移動する必要があるかどうかを考えています。jQueryプラグイン - インラインCSSまたは外部スタイルシート?
これを行う必要がありますか?それはあまりにも悪いですか、パフォーマンスは賢明ですか?最も一般的である何
私はjqueryプラグインをコーディングしています。セットアップを少し簡単にするために、.jsファイル内のすべてのCSSを移動する必要があるかどうかを考えています。jQueryプラグイン - インラインCSSまたは外部スタイルシート?
これを行う必要がありますか?それはあまりにも悪いですか、パフォーマンスは賢明ですか?最も一般的である何
プラグインを使用している人にとって、読みやすさとメンテナンス性に優れているかどうかは、パフォーマンスの低下などはありません。
実際には、パフォーマンスの違いがあります。リンクされたCSSファイルは一度ダウンロードされキャッシュされ、後続のビューのページサイズは縮小されますが、インラインCSSはページが表示されるたびにダウンロードする必要があります。 –
そのことについては知りませんでした、ありがとう! – XepterX
スクリプトのパフォーマンスもあります - スクリプトはJSのすべてのことをやっています* * jQueryのcss()メソッドを使ってCSSを追加しました。クラスを追加してスタイルシートを使用するだけのときにこのメソッドを呼び出すのはなぜですか? – danwellman
が使用することです:
jquery.myplugin.js
jquery.myplugin.css
やプラグインを使用して誰にも一緒にこれらを提供します。それは余分な要求ですが、それは懸念の分離を練習しています:styling
とlogic
。
レイアウトや感じの目的でCSSファイルを使用しないでください。疎結合は大きな資産です。これにより、CSSの知識を持つ開発者は、javascriptコードを使用せずに簡単に外観やレイアウトを変更できるようになります。
レイアウトと外観はまったく別の問題です。それを.jsファイルとマージすると、要素の背景や寸法を変更するだけで、常にjavascriptコーダーが必要になります。
パフォーマンスは賢明ですが、目には何の違いもありません。しかし、開発賢明、あなたは悪夢があります。
それはノーノー私見
なぜあなたはJSファイルにCSSを移動したいん純粋ですか? CSSファイルをHTMLにリンクするのはかなり簡単です。
私は通常、必要に応じて保守や変更を容易にするために、CSSとJSを別々にすることをお勧めします。スタイルがJSファイル自体にある場合は、CSSを変更するのが面倒かもしれません。
CSSを別々に読み込むと、JSの読み込みに問題があっても、HTML全体でスタイルをレンダリングできます。サイズを小さくするために
、あなたはまた、パフォーマンスが懸念される場合は、JSとCSSファイルを縮小化でき - 、ちょうどCSSを編集可能にするhttp://developer.yahoo.com/yui/compressor/
クラス名 - YUIコンプレッサーのhttp://code.google.com/p/minify/
さらに詳しい情報そして、idはあなたのために良いですが、CSSセレクタ、あなたが知っている、サンプル
スタイル:
.graceful {width:100px;height:100px;background:#36c;}
スクリプト:
私はいくつかのリソースファイルを消費するプラグインで作業しています:サウンド、CSS、小さな画像。 私はすでにサウンドとイメージ(実際には実際には小さい)をインライン化しました。
この目的は、プラグインユーザーの生活を楽にし、リソースファイルをコピーしないで、問題や時間を失うことのないようにすることです(私は使い勝手の良い人です)。
同じように、私はcssファイルをインライン展開して、プラグインを自己完結型にし、すべてを含む1つのファイルにすることを検討していました。
@ c4urselfの回答は、プラグインが同じ名前の.jsと.cssという2つのファイルから作成されていることが多いため、私は自分の気持ちを変えました。 ikをスキップするのではなく、.cssファイルを検索します。
通常の2ファイル標準に移行することに決めました。しばらくの間、私のbinabacusプラグインの構造に反映されます。私がすぐに公開するチュートリアルで文書化しているjquery-boilerplateを活用することは実践的なものでした。
大きな質問ニコライ。私はあなたのライオンバーのプラグインを現在フォークしており、同じ考えを持っていました。 – stefmikhail