Sto codificando un plug-in jquery e sto pensando se spostare tutti i CSS nel file .js, solo per renderlo un po 'più facile da configurare.plug-in jQuery - CSS in linea o foglio di stile esterno?
Devo fare questo? È troppo male, le prestazioni saggia?
non ci sono prestazioni degradate o qualcosa del genere, solo se è più leggibile e manutenibile per la persona che usa il plugin.
In realtà, c'è una differenza di prestazioni. Css in linea deve essere scaricato ogni volta che viene visualizzata la pagina, mentre un file css collegato viene scaricato una volta e memorizzato nella cache, riducendo le dimensioni della pagina per le visualizzazioni successive. –
non lo sapevo, grazie! – XepterX
C'è anche la performance dello script - lo script deve fare tutto il materiale JS * e * aggiungere il CSS usando il metodo css() di jQuery. Perché chiamare questo metodo quando puoi semplicemente aggiungere una classe e usare un foglio di stile? – danwellman
Che cosa è più comune è quello di utilizzare:
jquery.myplugin.js
jquery.myplugin.css
e fornire questi insieme a tutti coloro che utilizzando il plug-in. Si tratta di una richiesta in più ma si tratta di separazione dei problemi: styling e logic.
Non fare questo e utilizzare un file CSS per il layout e sentire scopi. L'accoppiamento lento è un grande vantaggio. Ciò garantirà che qualsiasi sviluppatore con conoscenza CSS possa modificare facilmente l'aspetto e il layout in futuro senza dover manipolare il codice javascript.
Layout e aspetto sono del tutto una preoccupazione diversa. L'unione con il file .js richiederà sempre un codificatore javascript solo per la semplice modifica allo sfondo o alle dimensioni dell'elemento.
Per quanto riguarda le prestazioni, non ci sarà alcuna differenza per l'occhio. Ma, per quanto riguarda lo sviluppo, avrai un incubo.
E 'un puro no-no IMHO
Perché si desidera spostare il CSS al file JS? È abbastanza facile collegare un file CSS nell'HTML.
Io di solito preferisco che CSS e JS siano separati tra loro in modo da facilitare la manutenzione e la modifica, se necessario. Potrebbe essere potenzialmente disordinato modificare il CSS se gli stili si trovano nel file JS stesso.
Avere il CSS caricato separatamente consente anche il rendering degli stili attraverso l'HTML, anche se si verifica un problema durante il caricamento del JS.
per ridurre le dimensioni, si potrebbe anche minify il file JS e CSS, se le prestazioni sono una preoccupazione - http://code.google.com/p/minify/
Maggiori informazioni sul compressore YUI - http://developer.yahoo.com/yui/compressor/
solo fare css modificabile, il className e id sono buone per voi, il selettore css, si sa, campione
stile:
.graceful {width:100px;height:100px;background:#36c;}
script:
var div = document.createElement('div');
div.className = 'graceful';
div.innerHTML = ' ';
document.getElementById('_images').appendChild(div)
Sto lavorando a un plug-in che consuma alcuni file di risorse: suoni, css e una piccola immagine. Ho già delineato i suoni e l'immagine (davvero piccola di fatto).
Lo scopo è rendere la vita più semplice agli utenti del plug-in, risparmiando loro la possibilità di non copiare i file delle risorse e di avere problemi e perdite di tempo (io sono un ragazzo di usabilità).
Allo stesso modo, stavo facendo ricerche sull'integrazione del file css, per rendere il plugin autosufficiente, un singolo file contenente tutto.
La risposta di @ c4urself, che è normale che un plug-in sia composto da due file con lo stesso nome, un file .js e un file .css, mi ha fatto cambiare idea: ora penso che il mio utente potrebbe sprecare tempo di cercare il file .css piuttosto che saltare ik.
Così ho deciso di andare con il solito standard di 2 file, che in un istante si rifletterà nella mia struttura di plugin binabacus. Che, btw, penso che nessuno userà davvero, è stata una pratica su come sfruttare il jquery-boilerplate che sto documentando in un tutorial che sarà presto pubblicato.
Grande domanda Nikolay. Al momento sto biforcando il tuo plugin lionbar e ho avuto lo stesso identico pensiero. – stefmikhail