Mantenere jquery / javascript separati dalle visualizzazioni MVC di asp.net?

Question

Sto cercando di trovare il modo migliore per mantenere i miei script, ad esempio jquery / javascript separati dalla mia vista (html) in asp.net MVC ...

Qualcuno ha idea del modo migliore per farlo ??

Vedo un sacco di odore di codice nei miei punti di vista ...

Ho usato JavascriptMVC in passato che fa davvero un buon lavoro e forse è una buona idea combinarli ma considerando che non userò la parte di visualizzazione di javascriptmvc forse non è la direzione giusta da prendere ..

Mi piacerebbe davvero avere alcune idee e aiutarmi sul modo migliore per mantenere lo scripting lontano da visualizzazioni ecc.

Sto usando un numero di moduli esterni come YUI e jquery, quindi se ho bisogno di impiegare un altro concetto / livello - non vedo un problema

Attendo con ansia qualsiasi aiuto

Thanksa

Answer 1

Potremmo (o meno) avere una differenza filosofica nel modo in cui separare javascript dal mark up. Secondo me, va bene avere javascript nella pagina purché non sia incorporato nel markup stesso. Se possibile, dovrebbe essere disattivato nei propri file ma quando fa riferimento direttamente a elementi specifici della vista, preferisco averlo nel file di vista stesso.

Ecco la strategia che uso.

1. Rifattorizza il codice comune sui plugin. Inserisci i plugin in un file JS separato e includili dove necessario.
2. Utilizza un ContentPlaceHolder (CPH) separato per gli script include e codice proprio all'interno del tag body di chiusura nella pagina principale. Ciò mantiene il JS funzionalmente separato nella pagina e garantisce che sia caricato nella parte inferiore della pagina.
3. Inserisci comuni JS include appena sopra lo script CPH nella pagina principale.
4. Metti il ??codice comune a ogni pagina, ma contenente riferimenti specifici alla pagina dopo che il comune include nella pagina principale.
5. Evita di mettere JS in viste parziali usando i gestori live, ecc. ove possibile.
6. Avvolge tutto il codice, tranne le definizioni di funzioni e include, all'interno di $ (function () {} (documento pronto).
7. Se possibile, utilizzare le versioni della rete di distribuzione del contenuto (CDN) di codice comune.

Answer 2

Sarà più semplice aiutarti se incolli un frammento di codice del codice esistente nella domanda. Guarda questo post sul blog per vedere come separare il tuo javascript dal tuo html.