0

そのビューに固有のインライン JavaScript を含む多くのビュー テンプレートがあります。

例:

app/views/something/index.html.haml
.some-id
  %h4 Something

#this javascript is not reused anywhere. Used only in this view
:javascript
  $(document).ready(function() {
    $('.some-id').addClass('something')
  })

上記のようなビューを持つことは良い習慣ですか?

複数のビューにまたがってインライン JavaScript を維持するのは、間違いなく苦痛です。そこで、それらをゆっくりと 1 つの JavaScript ファイルに移動し始めました。しかし、それが良いことかどうかはわかりません。なぜなら、すべての JavaScript がすべてのページに対して実行されるようになるからです。

では、ビュー固有の JavaScript を配置するのに最適な場所はどこでしょうか?

4

1 に答える 1

1

ページの読み込み時間が気になる場合は、loadjsなどを使用するとよいでしょう。そのようなビューにJSを配置することは維持できません。非常に単純なプロジェクトの場合はそうかもしれませんが、一般的には避けるべきです。

注意すべきもう 1 つの点は、JavaScript がファイルからロードされるときに、ブラウザが JavaScript をキャッシュすることです。HTML はページが読み込まれるたびにレンダリングされるため、インラインの場合はこれを行うことができません。そのため、loadjs がなくても、インラインで実行すると全体的なパフォーマンスが低下する可能性があります。

于 2013-10-21T19:55:30.253 に答える