Html5-boilerplate: Dateinamenoptimierung, „aufschieben“ hinzufügen, Konsolenbegrüßung zur Bestätigung der Konnektivität

Erstellt am 20. Aug. 2020  ·  18Kommentare  ·  Quelle: h5bp/html5-boilerplate

Ich schicke ein ...

  • [ ] Fehlerbericht
  • [x] Funktionsanfrage
  • [ ] Sonstiges (Hier (unten) bitte keine Supportanfragen stellen)

Hallo alle miteinander!!!

Ich LIEBE dieses Tool, es ist erstaunlich für Entwickler wie mich, die hauptsächlich in Vanilla Js schreiben, besonders wenn Frameworks für die anstehende Aufgabe übertrieben sind.
Meine Feature-Anfrage(n) sind einfach – ich helfe gerne bei der Implementierung, wenn eine davon als würdig erachtet wird!

1. Ändern Sie den Dateinamen „main.js“ in „app.js“

_Vs Code und viele andere IDEs/Code-Editoren verwenden standardmäßig „app.js“ als „Standard“-Javascript-Datei_

2. Fügen Sie „defer“ zum Script-Tag der Quell-Js-Datei hinzu:

<script defer src="app.js"></script>

_Dadurch können alle DOM-Elemente geladen werden, bevor Js-Skripte ausgeführt werden_

3. Fügen Sie main.js (_oder app.js, falls geändert_) eine Codezeile hinzu:

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_Dies ist nur eine nette Art zu bestätigen, dass unsere HTML- und Js-Dateien einsatzbereit sind!_

4. Ändern Sie den Dateinamen „main.css“ in „style.css“

<link rel="stylesheet" href="style.css">

_Vs Code und viele andere IDEs/Code-Editoren verwenden standardmäßig "style.css" als "Standard"-CSS-Dateiimport_

Hilfreichster Kommentar

  1. Ich denke, ich wäre in Ordnung, wenn ich den Namen von main.js in app.js ändern würde, aber es macht mir nichts aus.
  2. Defer kann eine große Hilfe bei der Optimierung der Seitengeschwindigkeit sein, aber es ist nicht immer eine gute Idee, da das JS möglicherweise zum Rendern der Seite benötigt wird. Ich denke, es wäre besser, der Vorlage keinen Aufschub hinzuzufügen.
  3. Ich bin mir nicht sicher, ob das wirklich nötig ist. Es ist wahrscheinlich besser für Entwickler, Tests selbst einzurichten, als Code im Skript zu belassen, der in die Produktion gehen könnte.
  4. Ich denke, das könnte eine gute Idee sein. Stimmen Sie zu, dass der häufigste Dateiname für das CSS einer Website „style.css“ ist.

Alle 18 Kommentare

Ich bin zusätzlich zu github über [email protected] erreichbar.
Danke!!!

  1. Ich denke, ich wäre in Ordnung, wenn ich den Namen von main.js in app.js ändern würde, aber es macht mir nichts aus.
  2. Defer kann eine große Hilfe bei der Optimierung der Seitengeschwindigkeit sein, aber es ist nicht immer eine gute Idee, da das JS möglicherweise zum Rendern der Seite benötigt wird. Ich denke, es wäre besser, der Vorlage keinen Aufschub hinzuzufügen.
  3. Ich bin mir nicht sicher, ob das wirklich nötig ist. Es ist wahrscheinlich besser für Entwickler, Tests selbst einzurichten, als Code im Skript zu belassen, der in die Produktion gehen könnte.
  4. Ich denke, das könnte eine gute Idee sein. Stimmen Sie zu, dass der häufigste Dateiname für das CSS einer Website „style.css“ ist.

Stimme 1 und 4 zu. Ich verwende immer app.js und style.css in meinen Projekten. Stimmen Sie @coliff über 3 zu. Das Konsolenprotokoll kann versehentlich in der Produktion bereitgestellt werden.

Geschichtszeit: #1116

Ich möchte darauf hinweisen, dass wir ein ganz separates Projekt haben, das buchstäblich main.css heißt, also wäre es ein wenig lustig, den Namen nachgelagert zu ändern. Ich bin nicht ganz dagegen, aber es könnte ein bisschen seltsam sein.

Danke an alle. Lassen Sie mich wissen, was Sie in Bezug auf Nr. 1 und Nr. 4 tun möchten (wenn es nicht zu seltsam ist, versuchen Sie nur, die Dinge auf dem neuesten Stand zu halten).

Soll ich das schließen?

Ich melde mich, wenn ich Zeit habe. Also erst mal sitzen lassen. Ich bin von keiner dieser Gebühren begeistert, aber ich möchte die Vorschläge auch richtig ansprechen.

Oh ok! Kein Problem, ich möchte nur niemandem das Leben schwer machen. Keine Eile an diesem Ende, ich wollte nur nicht, dass die Registerkarte "Probleme" mit etwas, das ich geöffnet habe, grell ist, und nicht proaktiv sein. Prost! 🔥

Keine Sorge. Manchmal bewegt sich dieses Zeug schnell, manchmal nicht so sehr.

Ich habe nicht vor, für eine sehr lange Zeit irgendetwas zu tun, außer meine Fähigkeiten zu verbessern und weiterhin ein paar Schüler zu unterrichten!!! Ich hatte keine Ahnung, dass Sie ein paar Bücher herausgebracht haben, ich werde diese so schnell wie möglich aufheben. Außerdem ist es großartig, einen anderen Entwickler von Mass zu sehen ... Ich komme aus Springfield, aber ich habe viele Shows auf diese Weise gespielt. Alles was du brauchst, gib einfach einen Schrei, keine Eile aus irgendeinem Grund, nichts ist kaputt, haha

@vltansky es könnte cool sein, die Dateinamen als Option zum Erstellungsskript hinzuzufügen.

Spoiler: Ich tendiere zu app.js, zögere aber, den Namen von main.css zu ändern, nur wegen des Projekts, das es hostet. Ich denke, das ist ein Diskussionspunkt. Spielt es eine Rolle, ob das Upstream-Projekt einen anderen Namen hat? Ich denke, dass styles.css auf jeden Fall ein besserer Name ist. Vielleicht werde ich darüber twittern. Es gäbe keine Probleme, main.css als Abhängigkeit (als Projekt) zu haben und es dann mit einem beliebigen Namen zu erstellen. Wir könnten das sogar als Option zum main.css-Projekt hinzufügen. hrm. Ich werde versuchen, den Ball über das Wochenende zu bewegen.

🤔

Klingt gut. Dies ist meine erste Feature-Anfrage, ich weiß das zu schätzen

Ich stimme für die Verwendung des Dateinamens style.css . Das endgültig kompilierte CSS eines Benutzers enthält unsere „main.css“, aber es würde auch seine eigenen benutzerdefinierten Stile und möglicherweise Stile von anderen Plugins usw. enthalten – das endgültige CSS in seinem Projekt ist also nicht nur „main.css“.

ja 👍🏻

Hallo @klutchdev. Ich habe dieses Repository gegabelt und Änderungen hinzugefügt, wie Sie es angefordert haben. Was soll ich jetzt tun?

Oh!! uhhh, ich denke es liegt an @roblarsen ? Er wollte über einige Änderungen nachdenken, über die @coliff , @vltansky und ich gesprochen haben, also würde ich sagen, bleib dran

geschlossen über #2341 und #2342 Danke für den Vorschlag @klutchdev !

willkommen

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen