più tag di script singoli o singoli
<p>esiste qualche differenza (prestazioni, buone pratiche, ecc.) tra l'utilizzo di un singolo tag script con codice incorporato o l'utilizzo di più tag script con lo stesso codice diffuso su tutto il codice html?</p><p>per esempio:</p><pre><code>&lt;script&gt; foo(); &lt;/script&gt; ... &lt;script&gt; bar(); &lt;/script&gt; </code></pre><p>contro:</p><pre><code>&lt;script&gt; foo(); bar(); &lt;/script&gt; </code></pre><p>grazie</p>
<p>con<em> inline </em>script come quello che hai citato, è improbabile che ci sia<em> much </em>difference; tuttavia, ogni volta che il parser html del browser incontra un tag <code>script</code>, questo:</p><ul> <li>arresta bruscamente</li> <li>crea una stringa del testo nel tag fino alla prima volta che vede la stringa <code>"&lt;/script&gt;"</code></li> <li>passa il testo all'interprete javascript, ascoltando l'output che l'interprete invia quando si esegue un <code>document.write</code></li> <li>aspetta che l'interprete finisca</li> <li>inserisce l'output accumulato ricevuto nel flusso di analisi</li> <li>continua la sua analisi</li> </ul><p>quindi aumentare il numero di volte che questa sequenza deve verificarsi può, in teoria, aumentare il tempo di caricamento della pagina. influisce anche sul grado in cui il parser può &quot;guardare avanti&quot; nel flusso di token, il che potrebbe renderlo meno efficiente.</p><p>tutto ciò sembra davvero drammatico, ma dovresti profilare una pagina reale nei vari browser che ti interessano per determinare se ha avuto un impatto reale.</p><p>quindi, in sintesi, combinale il più possibile. se non riesci a combinare ragionevolmente una coppia, non preoccuparti troppo fino a quando non vedi un problema del mondo reale.</p><p>quanto sopra è per script in linea. naturalmente, se si hanno diversi tag <code>script</code> che si riferiscono a una serie di file javascript esterni, si avrà anche il problema che ciascuno di questi file deve essere scaricato, e l'avvio di una richiesta http è una cosa costosa (comparativamente) e quindi è meglio , in grande stile, per combinarli in un unico file.</p><p>alcune altre cose da considerare:</p><ul> <li>avere molti tag <code>script</code> sparsi nel tuo codice html può rendere difficile la manutenzione dello script</li> <li>separare il tuo codice html e lo script in file separati ti aiuta a limitare il livello di accoppiamento, aiutando di nuovo la manutenzione</li> <li>mettendo lo script in un file separato, è possibile eseguire quel file tramite minifiers/compressors/packer, riducendo al minimo le dimensioni del codice e rimuovendo commenti, lasciandoti libero di commentare nel codice sorgente sapendo che quei commenti saranno privati</li> <li>mettere gli script in file esterni ti dà l'opportunità di mantenere le cose separate dalla funzionalità, e quindi combinarle in un unico file per la pagina (compresso/minificato/impacchettato) per una consegna efficiente al browser</li> </ul><p>di più:</p><ul> <li> <a href="http://developer.yahoo.com/performance/rules.html">le &quot;migliori pratiche per accelerare il tuo sito web&quot; di yui</a> </li> <li> <a href="http://code.google.com/speed/page-speed/docs/rules\_intro.html">&quot;best practice per le prestazioni web&quot; di google</a> </li> </ul>
<p>spesso, una condizione if lunga è il segno di codice che necessita di refactoring, ma a volte non è possibile evitarlo. in questi casi, preferisco il primo:</p><pre><code>if (bar || baz || quux) { ... } </code></pre><p>perché sei in grado di dire cosa sta succedendo con una riga. tuttavia, preferirei fare qualcosa del genere, quando possibile:</p><pre><code>function foo() { return bar || baz || quux; } if (foo()) { ... } </code></pre> <p>la cosa principale che vorrei ricordare al momento è che se le tue pagine si basano su meta-tag, vorrai testare e monitorare regolarmente la loro accettazione. ad esempio, per strumenti per i webmaster di google, se si desidera verificare la proprietà tramite meta-tag, è necessario posizionarlo in un elemento "head" (esistono altri modi per verificare la proprietà, quindi generalmente non è un problema, ma se devi fare affidamento sulla verifica basata su metatag, quindi è qualcosa da tenere a mente). lo stesso può valere per altri meta-tag come il meta-tag "robot" per controllare l'indicizzazione delle tue pagine: poiché l'accettazione al di fuori di una sezione "head" può variare da motore di ricerca a motore di ricerca, è una cosa che consiglierei di monitorare regolarmente (o forse è solo più semplice usare una sezione "testa" tradizionale per il momento se è necessario essere assolutamente certi).</p><p>per il resto, come altri hanno già detto, non darei per scontato che al momento sarebbe trattato in modo speciale. queste cose sono ancora in evoluzione ... una volta che si sono stabilizzate e si è scoperto che trattarle in modo diverso migliora significativamente la capacità di comprendere il contenuto di una pagina, quindi potresti iniziare a vedere cambiamenti nella gestione di quegli elementi.</p> <p>tutti e due. prendi la tua torta e mangiala.</p><p>ricorda che non c'è nulla di speciale in una chiave primaria, tranne che è etichettata come tale. non è altro che un vincolo not null unique e una tabella può avere più di uno.</p><p>se si utilizza una chiave surrogata, si desidera comunque una chiave aziendale per garantire l'univocità in base alle regole aziendali.</p> non si può fare in html, dovrai impararti il php come minimo (codice che io consiglio vivamente). ciao,
  

  
non riesco, non va, non funziona, non si apre, ecc sono messaggi inutili e non ci permettono di capire il problema
  
quindi descrivi, cosa hai fatto, come lo fai, cosa succede, dove si blocca, cosa ti esce,... con gli eventuali messaggi e codici di errori. <p>dipende davvero da molti fattori, come ad esempio la <a href="https://www.lexico.com/explore/which-letters-are-used-most">frequenza di alcuni caratteri</a> che ti aspetti e quali caratteri sono disponibili per te.</p><p>ho fatto un rudimentale creando un programma che scorreva su tutti i caratteri disponibili che avevo installato sulla mia finestra di windows in quel momento e stampava una linea contenente ogni carattere ascii stampabile sullo schermo in ciascuno di questi caratteri. ho ripetuto il test anche con dimensioni dei caratteri diverse.</p><p>i risultati mentre li ricordo erano che <a href="http://www.microsoft.com/typography/fonts/family.aspx?fid=331">segoe ui</a> e <a href="http://en.wikipedia.org/wiki/tahoma\_%28typeface%29">tahoma</a> erano i migliori per quanto riguarda l'utilizzo dello spazio e la leggibilità per scopi di interfaccia utente a dimensioni 10pt e 9pt. a breve termine ci siamo affidati a tahoma poiché l'interfaccia utente di segoe non è disponibile gratuitamente per i sistemi operativi sotto windows vista. se non hai bisogno di supportare windows xp o precedente un sistema operativo windows o un altro sistema operativo non windows, andrei sicuramente con l'interfaccia utente di segoe altrimenti andrei con tahoma se è disponibile e se tutto altrimenti non riesce a provare verdana. vedi <a href="http://www.microsoft.com/typography/fonts/family.aspx">questo elenco</a> per una gamma di caratteri windows disponibili e informazioni sul miglior utilizzo di ciascuno.</p><p>tieni presente inoltre che, a partire da windows vista, credo che ora microsoft consiglia di utilizzare un carattere 9pt anziché un carattere 10pt per gli elementi dell'interfaccia utente poiché il carattere sego ui visualizza molto più chiaro rispetto ad altri caratteri a bassa risoluzione, specialmente su schermi piatti.</p><p>a seconda della piattaforma per cui stai sviluppando, potresti anche voler esaminare la modifica delle metriche dei caratteri, se possibile. in .net con wpf ricordo che ci sono molti modi per modificare il modo in cui viene reso il testo per consentire la condensazione dello spazio tra i caratteri e rendere i singoli caratteri più stretti. usando questo tipo di tecnica puoi rimanere con qualunque tipo di carattere ti piaccia e basta modificare il rendering per ottenere i risultati di cui hai bisogno.</p><p>per quanto riguarda il tuo esempio di grafico specifico che hai fornito: per questo particolare grafico consiglierei di ruotarlo in modo che il testo che più probabilmente verrà letto sia orizzontale per una lettura più naturale. vorrei anche posizionare il numero in modo che sia all'interno di ciascuna barra del grafico a barre quando si adatta a un colore che si distingue da qualsiasi colore di sfondo sia presente, aumentando così lo spazio per altre cose come le etichette. disporre il grafico a barre come righe faciliterebbe la lettura e, se necessario, anche la stampa su più pagine. se un layout di riga non è possibile, la creazione di una chiave separata per ciascun elemento nel grafico sarebbe probabilmente ragionevole e in questo modo ogni barra potrebbe essere posizionata più vicino insieme per risparmiare spazio. la chiave consentirebbe ad ogni barra di essere etichettata come a, b, c ... o 01, 02, 03 ... per esempio e la chiave (disposta in file altrove) fornirebbe informazioni più dettagliate su ciascuna.</p><p>ricorda, un grafico o un diagramma è utile principalmente per ottenere informazioni visive rapide. se diventa un onere eccessivo per l'utente/lettore, probabilmente è meglio semplificarlo, consolidare alcuni dettagli del grafico o fornire semplicemente più dati grezzi in una forma più tabulare.</p><p>ecco un semplice elenco che mostra i caratteri arial, segoe ui e tahoma di varie dimensioni. si noti che lo spazio relativo occupato da ciascun carattere è diverso in punti di dimensioni diverse. <img src="https://i.stack.imgur.com/trdpp.png" alt="enter image description here"></p><p><strong> aggiornamento: </strong> ho aggiunto un altro confronto di seguito che mostra un elenco più completo di caratteri comuni tra cui lettere maiuscole e minuscole in ciascuno dei caratteri precedentemente menzionati con l'aggiunta di verdana e ms sans serif (font ui predefinito in windows prima di windows 2000). sfortunatamente e in risposta alla raccomandazione di bobsoap per l'uso di verdana, è abbastanza chiaro che verdana è il peggiore rispetto agli altri caratteri a 9pt, anche se tieni presente che questo potrebbe non valere per altre dimensioni in punti. inoltre, la dimensione non è necessariamente sempre il dettaglio più importante, a volte è più importante che un carattere sia leggibile a dimensioni ridotte rispetto al fatto che sia più compatto rispetto a un altro carattere.</p><p><img src="https://i.stack.imgur.com/4edzj.png" alt="enter image description here"></p> <p>è meglio inserire il link di rimozione al <code>href</code> e al gestore javascript nel <code>onclick</code>.</p><pre><code>&lt;a href="/123/remove/" onclick="removeme(132); return false"&gt;remove&lt;/a&gt; </code></pre><p>in questo modo gli utenti senza javascript potranno comunque utilizzare la tua app (ma con un reindirizzamento a un'altra pagina) e coloro che hanno abilitato javascript useranno la versione javascript. entrambi vedranno un link significativo nella barra di stato.</p><p>se l'azione è significativa solo in questa pagina (mostra/nascondi smth, carica più dati, ad esempio), non dovresti usare <code>&lt;a&gt;</code> tag qui. usa stile <code>&lt;span&gt;</code> con sottolineatura tratteggiata, ad esempio.</p><p>in entrambi i casi, è anche utile scrivere un attributo <code>title</code> sul tuo link che spieghi cosa accadrà (verrà mostrato nella descrizione comando), per gli utenti che non usano le barre di stato.</p> <p>non confondere i tuoi utenti, usa l'interfaccia utente in stile mac su un mac e l'interfaccia utente in stile windows su windows.</p><p>il problema di avere fogli di dialogo su windows è che alcune persone non hanno alcuna esperienza sui mac e non si preoccupano dei widget dell'interfaccia utente su altre piattaforme, quindi il foglio di dialogo nella tua applicazione sarà completamente nuovo per loro - e probabilmente essere un po 'confuso e leggermente infastidito (anche se i fogli di dialogo sono effettivamente superiori alle normali finestre di dialogo - e non sono sicuro che lo siano).</p><p>a proposito, è possibile avere finestre di dialogo che sono modello solo per la finestra principale e non per l'intera app su windows - ma penso che avere questa sia anche una cattiva idea per lo stesso motivo.</p> <p>il modo standard è con <code>wc</code>, che accetta argomenti per specificare cosa dovrebbe contare (byte, caratteri, parole, ecc.); <code>-l</code> è per le righe:</p><pre><code>$ wc -l file.txt 1020 file.txt </code></pre> Una cosa che puoi esaminare è che il nome in quattro parti distingue tra maiuscole e minuscole. Assicurati di specificare il caso corretto.