Tutorial zur grundlegenden Syntax von js und zur Konfiguration von Maven-Projekten

Tutorial zur grundlegenden Syntax von js und zur Konfiguration von Maven-Projekten

1. js-Anweisung

<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8">
		<title>Test-JS-Anweisung</title>
		<!-- JS-Code in HTML einbetten -->
		<Skript>
			// 2. Schleifenstruktur // Übung 3: Gib die Ergebnisse in der Konsole aus. Gib aus, wie viele Tage es dauert, 100 Millionen auszugeben, wenn jeden Tag die Hälfte davon ausgegeben wird. Mit f12 kannst du sehen var f = 0; //Zeichne die Anzahl der Tage auf var g = 100000000; //Zeichne das Geld auf while( g > 1){
					g = g/2; //Geld wechseln f++; //Statistik Tag++
				}
				console.log(f);
				//Übung 1: Ergebnisse in der Konsole ausgeben. Mit f12 Zahlen von 1 bis 10 ausgeben for(var i = 1;i < 11;i++){
					konsole.log(i);
				}
				//Übung 2: Ergebnis in der Konsole ausgeben, Summe von 1 bis 10 ausgeben, siehe f12 var e = 0; //Summe aufzeichnen for(var i = 1;i < 11;i++){
					// e = e + i;
					= ich;
				}
				konsole.log(e);
			// 1. Verzweigungsstruktur //Übung 4: Zeigt den Wochentag basierend auf der vom Benutzer eingegebenen Nummer an //var d = prompt("Bitte geben Sie den Wochentag ein:") ;//Der Standard ist der String-Typ var d = parseInt( prompt("Bitte geben Sie den Wochentag ein:") ) ;//string->number
				Schalter(d){
					Fall „1“: console.log("Heute ist Sonntag, der 1."); // Das Ergebnis in der Konsole ausgeben, mit F12 anzeigen. Fall 2: alert("Heute ist Sonntag, der 2."); break;
					Fall 3: Warnung („Heute ist Sonntag, der 3.“); Unterbrechung;
					Fall 4: Warnung („Heute ist Donnerstag“); Unterbrechung;
					Fall 5: Warnung („Heute ist Freitag“); Unterbrechung;
					Fall 6: Warnung („Heute ist Samstag“); Unterbrechung;
					Fall 7: Warnung („Heute ist Sonntag, der 7.“); Unterbrechung;
				}
				//Übung 3: Bestimmen Sie, ob ein normales Jahr ein Schaltjahr ist (durch 4 teilbar und nicht durch 100 teilbar | durch 400 teilbar) 
				var c = prompt("Bitte geben Sie das Jahr ein:");
				wenn (c%4==0 und c%100!=0 || c%400==0) {
					Warnung ("Schaltjahr");
				}anders{
					alert("Normales Jahr");
				}
				//Übung 2: Vom Benutzer eingegebene Punktzahl erhalten und die Note bestimmen, zu der die Punktzahl gehört var b = prompt("Bitte geben Sie die Punktzahl ein:");
				wenn (b>=80 und b<=100)
					alert("Ausgezeichnet");
				sonst wenn (b>=60 und b<80)
					Alarm("Mittel");
				sonst wenn (b>=0 und b<60)
					Warnung("fehlgeschlagen");
				anders
					alert("Eingabefehler");
				//Übung 1: Wenn a>10, spiele 1, sonst spiele 0
				var a = prompt("Bitte geben Sie eine Ganzzahl ein");
				wenn( a > 10 ){
					Alarm(1);
				}anders{
					Alarm (0);
				}
		</Skript>
	</Kopf>
	<Text>
	</body>
</html>

Zweitens js-Array

<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8">
		<title>JS-Array testen</title>
		<!-- Arrays in js, Eigenschaften von Arrays in Java: Länge nicht veränderbar, einzelner Datentyp-->
		<Skript>
			//1. js definiert ein Array, Funktionen: variable Länge, umfangreiche Datentypen var a = new Array(); //Leeres Array a = new Array(10,1.1,'hello',true,null,10,1.1); //Länge von a ändern console.log(a); //Daten im Array anzeigen console.log(a.length); //Länge von a abrufen a[99] = 0;  
				console.log(a); //Daten im Array anzeigen console.log(a.length); //Länge von a abrufen, 100
				var b = [ ] ; //leeres Array b = [1,2,3,"jack",1.1];//Zuweisung for(var i = 0 ; i < b.length ;i++){//Durchlauf console.log(b[i]);//Daten entsprechend Index drucken }
				//Übung 1: Finden Sie die Summe der geraden Zahlen in einem Array var c = [1,2,3,4,5,6,7,8];
				//Entspricht Javas foreach,,,,for…in
				für(var i in c){
					konsole.log(c[i]);
				}
				var d = 0; // aufzeichnen und for(var i=0;i < c.length;i++){
					wenn(c[i] % 2 == 0){
						d+=c[i]; // Summe }
				}
				konsole.log(d);
		</Skript>
	</Kopf>
	<Text>
	</body>
</html>

3. js-Funktion

Bildbeschreibung hier einfügen

<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8">
		<title>Test-JS-Funktion</title>
		<Skript>
			// 1. Methode 1 zum Schreiben von Funktionen: ein Codeblock mit einer bestimmten Funktion // Funktionsdeklaration: Funktion Funktionsname (Parameterliste) {Funktionstext}
				Funktion a(){
					var b=[1,2,2,3,4];//Array definieren für(var i in b){//Array durchlaufen console.log(b[i]);//Daten drucken }
				}
				// Funktion a() aufrufen;
			// 2. Funktionsschreiben 2: ein Codeblock mit einer bestimmten Funktion	
				//Funktion deklarieren: var Funktionsname = Funktion (Parameterliste) {Funktionstext}
				var b = Funktion(){
					konsole.log(100);
				}
				//Aufruf: Funktionsname (Parameterliste); -- Die aufgerufene Funktion muss existieren! !
				B();
			//3. Definieren und rufen Sie eine Funktion mit den Parametern function c(a,b){ auf //Definieren Sie eine Funktion mit den Parametern console.log(a+b);
				}
				c("hallo",1); //Aufruf einer Funktion mit Parametern var d = function(a,b){
					konsole.log(a+b);
				}
				d(1,1,2,6);
			//4. Definieren und aufrufen Sie eine Funktion mit Parametern und Rückgabewert function e(a,b){
					return a+b; //Gibt das Ergebnis an den Anrufer zurück }
				var f = e(1,2);
				console.log(f);
				var g = Funktion(){
					return "hello js" ; //Gib das Ergebnis an den Anrufer zurück }
				var h = g();
				console.log(h);
			//Übung: Zähle, wie oft das Zeichen a in einer Zeichenfolge vorkommt Funktion cishu(str,chara){
					var count = 0 ;// Anzahl der Vorkommen aufzeichnen for(var j = 0 ; j < str.length ;j++){// String durchlaufen var data = str.charAt(j);//jedes Zeichen abrufen //mit Zeichen a vergleichen if(data == chara){
							//Wenn es ein Zeichen ist, dann ++
							zählen++; 
						}
					}
					return count; //Zurück zum Anrufer }
				//Rufen Sie die Funktion Cishu auf, um zu zählen, wie oft das Zeichen a in der Zeichenfolge abcaaaaa vorkommt. var count = cishu("abcaaaaa",'a');
				console.log("Die Häufigkeit des Auftretens der Zeichenfolge a beträgt: "+Anzahl);
		</Skript>
	</Kopf>
	<Text>
	</body>
</html>

4. Maven

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

V. Fazit

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!

Das könnte Sie auch interessieren:
  • Super detaillierte grundlegende JavaScript-Syntaxregeln
  • Detaillierte Erklärung der Destrukturierungszuweisungssyntax in Javascript
  • Einige Datenverarbeitungsmethoden, die häufig in JS verwendet werden können
  • js realisiert das dynamische Laden von Daten durch Wasserfallfluss
  • js realisiert bidirektionale Datenbindung (Accessor-Überwachung)
  • Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

<<:  So konfigurieren Sie Openbox für den Linux-Desktop (empfohlen)

>>:  Detaillierte Erläuterung der MySQL-Indexprinzipien und -Optimierung

Artikel empfehlen

Zwei Möglichkeiten zum Erstellen von SSH-Server-Aliasen in Linux

Vorwort Wenn Sie häufig über SSH auf viele versch...

Tutorial zur Installation von Odoo14 aus dem Quellcode unter Ubuntu 18.04

Inhaltsverzeichnis Hintergrund dieser Serie Überb...

Beispiel für die Implementierung von QR-Code-Scaneffekten mit CSS3

Online-Vorschau https://jsrun.pro/AafKp/ Erster B...

MySQL erklärt das Prinzip und Beispiel zum Abrufen von Abfrageanweisungen

„explain“ wird verwendet, um Informationen zum Ab...

Freundliche Alternativen zum Find Tool in Linux

Mit dem Befehl „Find“ können Sie in einem angegeb...

mysql: [FEHLER] unbekannte Option '--skip-grant-tables'

MySQL-Datenbank meldet FEHLER 1045 (28000): Zugri...

Zusammenfassung der wichtigsten Erkenntnisse des Vue-Entwicklungshandbuchs

Inhaltsverzeichnis Überblick 0. Grundlagen von Ja...

nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen

Ich wollte wissen, wie ich mit einem Domänennamen...

Virtueller vsftpd-Benutzer basierend auf MySql-Authentifizierung

Inhaltsverzeichnis 1. MySQL-Installation 1.2 Tabe...

So kapseln Sie Abfragekomponenten basierend auf Element-UI Schritt für Schritt

Inhaltsverzeichnis Funktion Grundlegende Abfragef...

Benutzerdefinierter Kalendereffekt in JavaScript

In diesem Artikel wird der spezifische Code des b...

Ein genauerer Blick auf die Unterschiede zwischen Link und @import

Es gibt drei Hauptmethoden, CSS auf einer Seite zu...