Unterschied min und ohne min bei einer javascript lib?

Wenn man eine library in html einbinden will gibt es immer zwei Versionen, Beispiel:

....min.matter.js

oder

...matter.js

Wo ist der Unterschied?

Mfg Weißbrot

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

JanaL161

15.04.2024, 18:25

Ersteres wurde "Minifiziert", d. h. alle Variablen- und Funktionsnamen in einzelne Buchstaben umgeschrieben, alle Leerzeichen im Code entfernt, etc.

Das spart Bandbreite und ist etwas schwerer zu klauen, aber ich mag es lesen zu können, was mein Browser ausführt. Besonders in der Entwicklung einer Seite sollte man die große Version nehmen.

https://www.cloudflare.com/learning/performance/why-minify-javascript-code/

https://www.digitalocean.com/community/tools/minify

Suiram1

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Code

15.04.2024, 18:25

Das min steht für minimized. Das bedeutet das alles unnötige wie Kommentare, Leerzeilen, abstände, usw. entfernt wurden und auch Variablennamen in Methoden durch einzelne Buchstaben ersetzt wurden.

Quetschtuete

15.04.2024, 18:26

.min-Versionen sind minified-Version (daher .min), das bedeutet, dass dies libraries kleiner gemacht wurden, und die debugging informationen entfernt wurden, dazu wurden sie "unleserlich gemacht". Das ist am besten für Produktion geeinget

Normale Versionen ohne .min sind Entwicklungs-Versionen, da sie Debugging-Informationen enthalten und größer sind.

Angenommen, ich hätte 2 HTML Dokumente 1.HTML und 2.HTML und in beiden werden z.B. alle Windows Versionen aufgezählten. Jetzt kommt Windows 12 hinzu. In diesem fall muss ich jetzt überall Windows 12 Hinzufügen.

Gibt es die Möglichkeit eine Datei Windows Versionen.[Dateiformat] zu erstellen, in der die Aufzählung eingetragen ist, so dass ich in 1.HTML und 2.HTML den Link von Windows Versionen.[Dateiformat] einfüge, und beide automatisch auf die Datei zugreifen, wo die Liste drin ist, und die Daten anzeigen?

Geht dass?

Welche Programmiersprache muss ich verwenden?

Wie füge ich die Dateien in HTML ein?

Könnt ihr mir ein Beispiel zeigen?

...zur Frage

Sollte man nach HTML/CSS nicht lieber PHP lernen, weil man damit die Formulare auf einer Webseite funktionstüchtig machen kann?

Weiß gerade nicht, was ich nach HTML und Css lernen soll... PHP oder Javascript.

Mit dem HTML und CSS kurs bin ich ja bald fertig. Aber wenn man zum Beispiel Formulare in die Seite einbaut, kann man sie doch ohne eine Programmiersprache nicht wirklich benutzen...

Ich hoffe ihr habt verstanden, was ich meine... Danke :)

...zur Frage

Sind die Programmiersprachen HTML (5), CSS & JavaScript noch relevant?

Hallo Leute, des Weiteren frage ich mich, ob die Sprachen auch in der Zukunft gebraucht werden?

Die 5 habe ich im Titel geklammert, weil HTML vielleicht neue Versionen bekommen könnte.

Ich wünsche euch einen schönen Tag/Nacht

GeorgeGeorge01

...zur Frage

Html, Css, Javascript Search "Bar"(?) machen?

Ich würde gerne auf meiner Website einen Bereich haben wo ich ein Wort eintippen kann und mir dann Sätze usw. aufgelistet werden.

Beispiel: Ich gebe "Hund" ein und es wird auf der ganzen Seite nach dem Wort Hund gesucht und alles auf einer Seite aufgelistet.

Wie kann ich sowas machen? Bin Anfänger was das alles angeht...😅

...zur Frage

Welches Programm zum programmieren?

Hallo zusammen,
ich wollte mich mal erkundigen, welches Programm ihr zum Code schreiben verwendet.
Derzeit nutze ich nur die Spielwiesen der Programme, mit welchen ich das coden lerne. Allerdings hätte ich ganz gerne auch schon einmal ein richtigen Code-Editior, mit welchem ich dann in der Zukunft arbeiten kann.
Ich suche einen gutes Tool, zum hauptsächlichen bearbeiten von HTML, CSS & JavaScript.
Wenn das Programm zeitgleich noch die Möglichkeit bietet, Python und Java zu programmieren, wäre das umso besser.
Ich freue mich auf eure Empfehlungen und wünsche allen einen schönen Sonntag!
Mfg
Luis

...zur Frage

CMS in eigene HTML/CSS Webseite einbinden?

Hallo,

folgendes:

Ich habe eine Webseite für eine kleine Firma mittels HTML/CSS erstellt. Einen Baukasten habe ich nicht verwendet, da die Webseite ziemlich komplex war und der Inhaber sie lieber nach eigenen Vorstellungen erstellt haben wollte und nicht einfach durch eine Copy/Paste-Vorlage.

Die Webseite ist soweit fertig, nun möchte der Inhaber aber selbst Inhalte einfügen und aktualisieren können. Kann ich meine HTML-Seite nachträglich zum Beispiel mit einem CMS einbinden? Ich habe sie in VS Code erstellt.

Die Idee mit dem CMS kam daher, dass der Inhaber mit dem Code nicht zurechtkommt und ich Angst habe, dass er die ganze Webseite zerstört, falls er den Code falsch ändert.

Gibt es auch noch andere bessere Varianten als CMS?

Danke schonmal.

...zur Frage

Wie findet ihr diese Webseite?

Hallo. Ich lerne gerade HTML, CSS und Javascript. Hierzu habe ich mal ein kleines Template für einen Friseur gemacht. (es ist noch nicht fertig). Allerdings würde ich mich freuen, wenn ihr mir ein bisschen Feedback geben könntet, was man noch besser machen könnte. Es ist KEINE Werbung. Ich freue mich über euer Feedback und Verbesserungsvorschläge.

Link: https://luca-test-website.netlify.app/

Auch würde ich mich darüber freuen, wenn ihr weitere Dinge schreibt, welche man hinzufügen könnte. (also was zum Beispiel noch zu einer Friseur Webseite gehört)

...zur Frage

NavBar auf jeder Unterseite einbauen (Webdevelopment)?

Hallo, es gibt auf so ziemlich jeder Website Elemente, die auf fast jeder Unterseite vorkommen. Ein Beispiel dafür wäre die NavBar. Diese ist bei den meisten Websites überall. Wie bringt man aber dieses Element auf jede Unterseite? Bei jeder Unterseite den ganzen HTML, CSS und JavaScript Code reinzukopieren wäre ja sehr mühsam.

Diese Aufgabe kann man mit Framworks lösen, wie z.B. VueJS wo man Komponenten verwendet. Welche Methoden gibt es sonst noch, vielleicht sogar ganz ohne Framework?

...zur Frage

WordPress mit eigenem HTML, CSS und JSCode?

Hallo Leute, ich brauche mal ein paar Infos zu WordPress in Verbindung mit eigenem HTML, CSS und JavaScript Code.

1.) Ich habe mit den 3 besagten Sprachen ein kleines interaktives Bild in einer HTML Datei erstellt mit einem Umfang von gut 180 Zeilen und dieses Bild würde ich gerne in WordPress einbinden, funktioniert das? Wenn ja wie? Per Shortcode? Direkt einbinden? muss ich das in ein Plugin umwandeln?

2.) Wenn es möglich ist, kann ich das Erstellte leicht exportieren und auf einer anderen WordPress Seite ebenfalls leicht Importieren?

3.) Kann ich überhaupt mit der kostenlosen Version bzw. mit der Persönlichen oder maximal Premium Version besagtes umsetzen? Oder müsste ich für eigenen Code ein höheren Tarif wählen?

Vielen dank schonmal und Beste Grüße!

...zur Frage

JavaScript/jQuery! Wie einen Loop einbinden?

Auch hier bin ich absoluter Newby!

Ich habe eine nette kleine Funktion:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code2').html() }).animate({ countNum: 5360 }, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code2').html(Math.floor(this.countNum));

complete: function () {

$('.code2').html(this.countNum + "+");

//alert('finished');

}

});

--------------------------------------------------------------------------------------------------------------

Das funktioniert - alles supi - nun möchte ich, dass die Animation nach einem kleinen Zeitintervall erneut startet. Habe dazu über Google 'setInterval' gefunden und einen Code. Leider fehlt mir noch das Verständnis was ich wo einfügen muss.

Hier der Code von Google:

Edit: Ist der Code vielleicht falsch, javascript vs jquery???

function meineFunktion() { 
    // ... 
} 

setInterval(function() { 
    // alle 3 Sekunden ausführen 
    meineFunktion(); 
}, 3000);

Habe das so in meine Scriptdatei eingebunden:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code').html() }).animate({ countNum: 1295365}, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code').html(Math.floor(this.countNum));

setInterval(function() {

// alle 3 Sekunden ausführen

meineFunktion();

}, 3000);

complete: function () {

$('.code').html(this.countNum + "+");

//alert('finished');

}

--------------------------------------------------------------------------------------------------------------

Ich nehme an mindestestens "meineFunktion()" ist nur ein Platzhalter, aber ich bin nicht sicher, was da vom Code rein soll.

Stört das complete eigentlich die Wiederholung oder zeigt das nur an, was passiert, wenn es fertig hochgezählt hat?

Freue mich wie immer über Antworten! :)

Aber auch über Links z.B. mit einer leicht verständlichen Übersicht der Anatomie eines Jquery Codes, damit ich zukünftig besser allgemeine Beispiele an meine anpassen kann.

Bonusfrage:

Ich würde ganz gerne zu der Zahl noch eine einfache sich drehende Grafik (Kreis, Pfeil oä) hinzufügen. Hat da jemand zufällig nen leicht verständlichen Link oä dazu?

...zur Frage

HTML "Weiterleitung"?

Hallo,

ich mache gerade Websites. JavaScript, HTML und CSS kann ich bereits. Ich würde gerne wissen, wie ich von "Beispielwebsite.net" zu "Beispielwebsite.net/beispiel" komme. Ich habe überlegt es mit JavaScrpit zu machen. Indem ich einfach das gewünschte HTML Dokument öffne. Will aber den Weg erstmal ausschließen falls es anders geht.

Wie geht das?

...zur Frage

HTML Kalender ohne JavaScript oder PHP erstellen?

Hallo zusammen,

ich möchte mit HTML einen Kalender erstellen, der allerdings nicht statisch sein soll. Damit meine ich nicht unbedingt, dass jeder manuell auf der Webseite Daten eintragen kann, sondern dass man zwischen den Monaten navigieren kann. Zum Beispiel innerhalb einer Zeitspanne von August 2022 bis August 2025 oder so. Dabei soll der Kalender beim Aufrufen der Seite, wenn möglich, den aktuellen Monat zeigen und durch Klicken auf ein Symbol (oder eventuell Drücken der Links- / Rechtstaste auf der Tastatur) kann man auf den vorherigen oder nächsten Monat wechseln.

Ich möchte das - verständlicherweise - nicht durch das Erstellen von 37 verschiedenen HTML-Dokumenten erreichen, durch die man dann mit Hyperlinks zwischen diesen Seiten hin und herwechseln kann.

Das Problem ist, dass ich sowohl von JavaScript als auch von PHP absolut keine Ahnung habe und auf keinen Fall irgendwo im Internet einen fünfzig-Zeilen-Code (JavaScript, PHP oder sonst irgendeine Programmiersprache) kopieren will, den ich zu 99,9% selbst nicht verstehen würde.

Weiß einer, wie ich so etwas nur mit HTML und CSS (und eventuell, wenn es sein muss, auch mit Java) hinbekomme?

P. S. Bitte gebt mir keine Antworten vom Stil "lerne einfach JavaScript". Das ist keine hilfreiche Antwort, da ich es eben ohne JavaScript erreichen will!

...zur Frage

Was ist der Unterschied zwischen Html und javascript?

Also ich lerne gerade programiersprachen. Ich habe mit javascript angefangen, aber ich muss irgendwie mit html arbeiten. Ist html jetzt eine programiersprache oder einfach nur ein Texteditor ?

...zur Frage

Muss ein javascript framework immer so aufgebaut sein?

Ich möchte ein eigenes js framework für Spieleentwicklung programmieren und habe mir auch ein paar andere wie bsw Phaser.js oder pixi.js etc angeschaut. Sie fangen aber alle irgendwie so in der Art an:

var game = new Frameworkname.zumBeispielGame( ... )

Frage 1: warum sind alle frameworks, bzw alle gamedev js frameworks die ich angeschaut habe so aufgebaut

Frage 2: Kann ich das bei meinem Framework dann anders machen, oder sollte man schon beachten dass es so wie bei bsw pixi ist. Und wenn man es so machen sollte dann warum?

Mfg Weißbrot :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen