Login
Accedi

Galleria mappe mentale Nozioni di base su JS Giorno1

Nozioni di base su JS Giorno1

Questa è una mappa mentale sulle nozioni di base di JS Day 1. JS è un linguaggio di programmazione che viene eseguito sul client per ottenere effetti di interazione uomo-computer.

Modificato alle 2024-01-18 10:20:27

WSZUS4lF

Lavori recenti Visualizza più lavori>>

Breve storia del tempo
Questa è una mappa mentale su una breve storia del tempo. "Una breve storia del tempo" è un'opera scientifica popolare con un'influenza di vasta portata. Non solo introduce i concetti di base della cosmologia e della relatività, ma discute anche dei buchi neri e dell'espansione dell'universo. questioni scientifiche all’avanguardia come l’inflazione e la teoria delle stringhe.
Il coraggio di essere odiato
Dopo aver letto "Il coraggio di essere antipatico", "Il coraggio di essere antipatico" è un libro filosofico che vale la pena leggere. Può aiutare le persone a comprendere meglio se stesse, a comprendere gli altri e a trovare modi per ottenere la vera felicità.
Appunti di lettura di Il coraggio di non piacere.
"Il coraggio di essere antipatico" non solo analizza le cause profonde di vari problemi nella vita, ma fornisce anche contromisure corrispondenti per aiutare i lettori a comprendere meglio se stessi e le relazioni interpersonali e come applicare la teoria psicologica di Adler nella vita quotidiana.

Nozioni di base su JS Giorno1

WSZUS4lF

Lavori recenti Visualizza più lavori>>

Consigliato per te
Profilo

Nozioni di base su Python
- 47
WSZUS4lF
Apprendimento frontale
- 4
WSZUS4lF
Programmazione
- 11
WSZUS4lF
Mappa mentale della tecnologia di progettazione e implementazione dell'applicazione
- 9
WSZUS4lF
Elenco delle librerie PYTHON
- 17
WSZUS4lF
programmazione
- 12
WSZUS4lF
Catena di prototipi di classe JS
- 6
WSZUS4lF
Vue3
- 9
WSZUS4lF
Crea un'applicazione Django
- 7
WSZUS4lF
Nozioni di base su JS Giorno2
- 5
WSZUS4lF

Nozioni di base su JS Giorno1

Introduzione a JS

Cos'è JS?

È un linguaggio di programmazione che viene eseguito sul client per ottenere effetti di interazione uomo-computer.

La composizione di JS

ECMAScript

Specifica la sintassi di base e la conoscenza di base di js

Ad esempio: variabili, istruzioni di ramo, istruzioni di loop, oggetti, ecc.

API Web

DOM: manipola documenti, come spostare, ridimensionare, aggiungere, eliminare, ecc. Elementi della pagina

BOM: gestione del browser, ad esempio popup di pagina, rilevamento della larghezza della finestra, memorizzazione dei dati nel browser, ecc.

effetto

Effetti speciali della pagina web (monitoraggio di alcuni comportamenti dell'utente per consentire alla pagina web di fornire un feedback corrispondente)

Convalida del modulo (giudicare la legalità dei dati del modulo)

Interazione dei dati (ottenimento di dati in background e rendering sul front-end)

Programmazione lato server (node.js)

Posizione di scrittura JS

JS in linea

JS interno

Scrivi direttamente nel file html e avvolgilo con i tag script

Specifica: il tag script è scritto sopra </body>

Estensione: la pagina alert("Hello, js") visualizza una finestra di dialogo di avviso

JS esterno

Il codice è scritto in un file che termina con .js

Sintassi: introdotta nella pagina HTML tramite tag script

Come scrivere JS

Commento

Commenti a riga singola

simbolo://

Funzione: //La riga di codice a destra verrà ignorata

Tasto di scelta rapida: ctrl/

bloccare i commenti

simbolo:/**/

Effetto: tutto ciò che è compreso tra /* e */ verrà ignorato

Tasto di scelta rapida: maiusc alt a

terminatore

Funzione: usa l'inglese; rappresenta la fine della frase

Situazione reale: nello sviluppo reale, può essere scritta o meno e il browser può dedurre automaticamente la posizione finale dell'affermazione (senza aggiungerla)

Sintassi di input e output JS

Sintassi dell'output

document.write('contenuto da produrre')

Funzione: emette contenuto nel corpo

Nota: se il contenuto di output è scritto in tag, verrà anche analizzato in elementi della pagina web.

alert("contenuto in uscita")

Funzione: la pagina visualizza una finestra di dialogo di avviso

console.log("Stampa da console")

Sintassi dell'output della console, utilizzata dai programmatori per il debug

sintassi di input

prompt("Inserisci il tuo nome:")

Funzione: visualizza una finestra di dialogo che contiene un messaggio di testo per richiedere all'utente di immettere testo.

letterale

JS interroga il sito Web autorevole MDN

variabile

Cosa sono le variabili?

Il "contenitore" utilizzato per archiviare i dati in un computer è semplicemente una scatola.

Il ruolo delle variabili

utilizzato per memorizzare i dati

Utilizzo di base delle variabili

dichiarazione di variabile

Per utilizzare una variabile, devi prima crearla (noto anche come dichiarare una variabile o definire una variabile)

Sintassi: let nome della variabile

La dichiarazione di una variabile è composta da due parti: parola chiave di dichiarazione e nome della variabile (identificazione)

assegnazione variabile

Dopo aver definito una variabile, è possibile inizializzarla. Seguire il nome della variabile con "=" e quindi il valore (Nota: ottenere i dati nella variabile tramite il nome della variabile)

È anche possibile completare l'operazione di assegnazione direttamente quando si dichiara la variabile. Questa operazione è anche chiamata inizializzazione della variabile.

aggiornare la variabile

Dopo che a una variabile è stato assegnato un valore, puoi anche aggiornarla semplicemente assegnandole un valore diverso (nota: let non consente dichiarazioni multiple di una variabile)

Caso variabile: scambio del valore di una variabile

Idea principale: utilizzare una variabile temporanea per l'archiviazione intermedia

Dichiarare più variabili

Dopo che a una variabile è stato assegnato un valore, puoi anche aggiornarla semplicemente assegnandole un valore diverso.

Sintassi: più variabili separate da virgole

Nota: potrebbe sembrare che la lunghezza del codice sia inferiore, ma ciò non è consigliabile. Per una migliore leggibilità, dichiarare solo una variabile per riga

La natura delle variabili

Memoria: il luogo in cui vengono archiviati i dati in un computer, equivalente a uno spazio

L'essenza di una variabile: è un piccolo spazio di memoria utilizzato dal programma per archiviare dati.

Regole di denominazione e specifiche per le variabili

Regole: devono essere seguite, eventuali errori verranno segnalati se non seguite (livello legale

Non è possibile utilizzare parole chiave

Caratteri con significati speciali, parte del vocabolario inglese integrato in JS

Può essere composto solo da trattini bassi, lettere, numeri e $ e i numeri non possono iniziare con esso.

Le lettere fanno distinzione tra maiuscole e minuscole. Ad esempio, Età ed età sono variabili diverse.

specifica

Il nome dovrebbe essere significativo

Rispettare il metodo di denominazione Camel Case: la prima lettera della prima parola è minuscola e la prima lettera di ogni parola successiva è maiuscola, ad esempio: userName

Espansione variabile: la differenza tra let e var

dichiarazione var

Puoi prima usarlo e poi dichiararlo (irragionevole)

Le variabili dichiarate con var possono essere dichiarate ripetutamente (irragionevole)

Ad esempio, promozione delle variabili, variabili globali, nessun ambito a livello di blocco, ecc.

Espansione variabile - array

Sintassi della dichiarazione

lascia nome array = [dati 1, dati 2...dati n]

Gli array vengono salvati in ordine, quindi ogni dato ha il proprio numero

Gli array possono memorizzare qualsiasi tipo di dati

Sintassi del valore

nome dell'array[pedice]

il termine

Elemento: ogni dato memorizzato nell'array è chiamato elemento dell'array.

Pedice: il numero dei dati nell'array

Lunghezza: il numero di dati nell'array, ottenuto tramite l'attributo length dell'array

costante

Utilizzo di base delle costanti

Concetto: le variabili dichiarate utilizzando const sono chiamate "costanti"

Scenario di utilizzo: quando una variabile non cambierà mai, puoi usare const per dichiararla invece di let

Convenzione di denominazione: coerente con le variabili

Utilizzo costante: const G = 9,8

Nota: le costanti non possono essere riassegnate e devono essere assegnate (inizializzate) al momento della dichiarazione.

Suggerimento: utilizzare const per i dati che non necessitano di essere riassegnati

tipo di dati

I tipi di dati JS sono generalmente divisi in due categorie

Tipi di dati di base

numero tipo numerico

I numeri appresi in matematica, gli interi, i decimali, i numeri positivi e i numeri negativi sono collettivamente chiamati tipi di numeri.

Nota: JS è un tipo di dati debole. A quale tipo appartiene una variabile può essere confermato solo dopo la copia. Ad esempio, int a = 3 deve essere un numero intero.

operatori matematici

includere contenuti

Somma

- Trova le differenze

* Trova il prodotto

/ Cerca affari

% Trova il resto

priorità di esecuzione

Moltiplicazione, divisione e resto hanno la stessa priorità.

Le priorità di addizione e sottrazione sono le stesse

Moltiplicazione, divisione e resto hanno una priorità maggiore rispetto ad addizione e sottrazione.

Utilizzare () per aumentare la priorità

NaN

NaN rappresenta un errore di calcolo. È il risultato di un'operazione matematica errata o non definita.

NaN è appiccicoso. Qualsiasi operazione su NaN restituirà NaN

tipo di stringa stringa

definizione

I dati racchiusi tra virgolette singole, doppie e apici inversi sono chiamati stringhe. Essenzialmente non esiste alcuna differenza tra virgolette singole e doppie. Si consiglia di utilizzare virgolette singole.

Precauzioni

Sia le virgolette singole che quelle doppie devono essere utilizzate in coppia

Le virgolette singole e doppie possono essere annidate l'una nell'altra, ma non possono annidarsi da sole.

Se necessario, è possibile utilizzare il carattere escape \ per visualizzare virgolette singole e doppie.

Concatenazione di stringhe

Scenario: l'operatore può realizzare la concatenazione di stringhe

stringa del modello

scene da utilizzare

Concatena stringhe e variabili

Prima che fosse disponibile, era problematico unire le variabili.

grammatica

`` (apice inverso)

Quando unisci il contenuto in variabili, avvolgi le variabili con ${}

document.write(`Ciao a tutti, mi chiamo ${nome}, ho ${età} quest'anno`)

booleano Tipo booleano

Quando esprime affermazione o negazione, il computer corrisponde a dati di tipo booleano, che hanno due valori fissi, vero e falso.

tipo indefinito non definito

Non definito è un tipo speciale con un solo valore non definito

Se dichiari solo una variabile senza assegnare un valore, il valore predefinito della variabile è indefinito. In genere, è raro assegnare direttamente undefinito a una variabile.

Durante lo sviluppo, spesso dichiariamo una variabile e aspettiamo che i dati vengano passati. Se non sai se i dati sono stati passati, puoi verificare se questa variabile non è definita e determinare se l'utente ha passato i dati.

tipo vuoto null

Null in JS è solo un valore speciale che significa "nessuno", "vuoto" o "valore sconosciuto"

La differenza tra indefinito

indefinito significa nessun incarico

null significa che è stato assegnato un valore, ma il contenuto è vuoto

Scenari di utilizzo dello sviluppo

Spiegazione ufficiale: tratta null come un oggetto che non è stato ancora creato

Linguaggio comune: in futuro, ci sarà un oggetto memorizzato in una variabile, ma l'oggetto non è stato ancora creato. Puoi prima dargli null.

Rileva il tipo di dati

tipo di

Come operatore: typeof x (metodo di scrittura comune)

Forma della funzione: typeof(x)

Nota: il risultato è lo stesso con o senza parentesi, quindi utilizza direttamente l'operatore.

Tipo di dati di riferimento

oggetto Oggetto

conversione del tipo

Perché è necessaria la conversione del tipo

JS è un tipo di dati: JS non sa a quale tipo di dati appartiene. Sarà chiaro solo dopo l'assegnazione.

Insidia: i dati ottenuti utilizzando moduli e prompt sono di tipo stringa per impostazione predefinita e le operazioni di aggiunta non possono essere eseguite direttamente in questo momento.

A questo punto è necessario modificare il tipo di dati della variabile

conversione implicita

Quando vengono eseguiti determinati operatori, il sistema converte automaticamente il tipo di dati internamente. Questa conversione è chiamata conversione implicita.

regola

Finché uno dei due lati del numero è una stringa, l'altro verrà convertito in una stringa.

Gli operatori aritmetici diversi da -*/ convertiranno i dati in tipi numerici.

discordanza

Il tipo di conversione non è chiaro e può essere riassunto solo in base all'esperienza.

Suggerimenti

Il segno può essere convertito in un tipo numerico quando analizzato come segno positivo.

Il risultato dell'aggiunta di dati a una stringa è una stringa

Mostra conversione

Non è rigoroso fare troppo affidamento sulla conversione implicita all'interno del sistema quando si scrivono programmi, perché le regole della conversione implicita non sono chiare e si basano per lo più su regole riassunte dall'esperienza. Per evitare problemi causati dalla conversione implicita, i dati vengono solitamente convertiti esplicitamente secondo esigenze logiche.

Concetto: scrivi il tuo codice per indicare al sistema in quale tipo convertire

Converti in tipo numerico

Numero(dati)

Converti in tipo numerico

Se nella stringa non sono presenti cifre, il risultato sarà NaN quando la conversione fallisce, il che significa che non è un numero.

NaN è anche un dato di tipo numerico, che rappresenta un non numero

parselnt(dati)

Mantieni solo numeri interi

analizzareFloat(dati)

I decimali possono essere mantenuti