Home-theater-designers
Dacă doriți să creați pagini web dinamice, va trebui să vă completați cunoștințele HTML și CSS cu o înțelegere a JavaScript-ului . Acest limbaj de script este considerat esențial în dezvoltarea web modernă.
Puteți crea tot felul de aplicații interactive și site-uri web interesante cu JavaScript, dar există multe de învățat pe drum. Având în vedere acest lucru, am creat următoarea foaie de trucuri JavaScript pentru dvs.
Foaia de trișare poate servi ca reîmprospătare rapidă a elementelor JavaScript oricând aveți nevoie de una. Este la îndemână atât pentru începători, cât și pentru experți.
cum să construiești o oglindă inteligentă
DESCĂRCARE GRATUITĂ: Această fișă de cheat este disponibilă ca PDF descărcabil de la partenerul nostru de distribuție, TradePub. Va trebui să completați un formular scurt pentru a-l accesa numai pentru prima dată. Descarca Foaia de cheat JavaScript finală .
Foaia de cheat JavaScript finală
| Comandă rapidă | Acțiune |
|---|---|
| Matrice JavaScript | |
| concat () | Alăturați mai multe tablouri într-una singură |
| copyWithin () | Copiați elementele matricei din matrice, în și din pozițiile specificate |
| Index de() | Returnează valoarea primitivă a obiectului specificat |
| include () | Verificați dacă un tablou conține elementul specificat |
| a te alatura() | Combinați elementele unui tablou într-un singur șir și returnați șirul |
| intrări () | Returnează o pereche cheie / valoare Array Iteration Object |
| fiecare() | Verificați dacă fiecare element dintr-o matrice trece un test |
| completati() | Umpleți elementele dintr-o matrice cu o valoare statică |
| filtru() | Creați o nouă matrice cu fiecare element dintr-o matrice care trece un test |
| găsi() | Returnează valoarea primului element dintr-o matrice care trece un test |
| pentru fiecare() | Apelați o funcție pentru fiecare element de matrice |
| din() | Creați o matrice dintr-un obiect |
| lastIndexOf () | Dați ultima poziție în care apare un element dat într-o matrice |
| pop () | Eliminați ultimul element al unui tablou |
| Apăsați() | Adăugați un element nou la sfârșit |
| verso() | Sortați elementele în ordine descrescătoare |
| reduce() | Reduceți valorile unui tablou la o singură valoare (mergând de la stânga la dreapta) |
| reduceRight () | Reduceți valorile unui tablou la o singură valoare (mergând de la dreapta la stânga) |
| schimb() | Eliminați primul element al unui tablou |
| felie() | Trageți o copie a unei porțiuni dintr-o matrice într-un nou obiect matrice |
| fel() | Sortați elementele alfabetic |
| lipitură() | Adăugați elemente într-un mod și poziție specificate |
| unshift () | Adăugați un element nou la început |
| Metode booleene JavaScript | |
| toString () | Convertiți o valoare booleană într-un șir și întoarceți rezultatul |
| valoarea() | Returnează prima poziție în care apare un anumit element într-o matrice |
| la sursa() | Returnează un șir care reprezintă codul sursă al obiectului |
| Operatori aritmetici JavaScript | |
| + | Plus |
| - | Scădere |
| * | Multiplicare |
| / | Divizia |
| (...) | Operator de grupare (operațiunile între paranteze sunt executate mai devreme decât cele din afara) |
| % | Modul (rest) |
| ++ | Numere de creștere |
| - | Numere de scădere |
| == | Egal cu |
| === | Valoare egală și tip egal |
| ! = | Nu este egal |
| ! == | Nu este o valoare egală sau nu este de tip egal |
| > | Mai mare ca |
| < | Mai puțin de |
| > = | Mai mare sau egal cu |
| <= | Mai mic sau egal cu |
| ? | Operator ternar |
| Operatori logici | |
| && | Logic ȘI |
| || | OR logic |
| ! | Logic NU |
| Operatori Bitwise | |
| & | ȘI declarație |
| | | SAU declarație |
| ~ | NU |
| ^ | XOR |
| << | Tura la stânga |
| >> | Shift dreapta |
| >>> | Zero umplere tura dreapta |
| Funcții | |
| alerta() | Trimiteți datele într-o casetă de alertă din fereastra browserului |
| a confirma() | Deschideți un dialog da / nu și reveniți adevărat / fals în funcție de clicul utilizatorului |
| console.log () | Scrieți informații în consola browserului (bun în scopuri de depanare) |
| document.write () | Scrieți direct în documentul HTML |
| prompt() | Creați un dialog pentru introducerea utilizatorului |
| Funcții globale | |
| decodeURI() | Decodează un identificator de resurse uniform (URI) creat de encodeURI sau similar |
| decodeURIComponent () | Decode a URI component |
| encodeURI () | Codificați un URI în UTF-8 |
| encodeURIComponent () | La fel, dar pentru componentele URI |
| eval () | Evaluează codul JavaScript reprezentat ca un șir |
| isFinite () | Determinați dacă o valoare trecută este un număr finit |
| isNaN () | Determinați dacă o valoare este un număr ilegal |
| Număr() | Convertiți valoarea unui obiect într-un număr |
| parseFloat () | Analizați un șir și returnați un număr cu virgulă mobilă |
| parseInt () | Analizați un șir și returnați un număr întreg |
| Bucle JavaScript | |
| pentru | Cel mai comun mod de a crea o buclă în JavaScript |
| in timp ce | Configurați condițiile în care se execută o buclă |
| face în timp ce | Similar cu bucla while, totuși, se execută cel puțin o dată și efectuează o verificare la final pentru a vedea dacă condiția este îndeplinită pentru a se executa din nou |
| pauză | Opriți și ieșiți din ciclu dacă sunt îndeplinite anumite condiții |
| continua | Săriți anumite părți ale ciclului dacă sunt îndeplinite anumite condiții |
| Personaje de evadare | |
| ' | Citat unic |
| ' | Citat dublu |
| \ | Backslash |
| b | Backspace |
| f | Formular de alimentare |
| n | Linie nouă |
| r | Retur transport |
| t | Tabulator orizontal |
| v | Tabulator vertical |
| Metode de șir JavaScript | |
| charAt () | Returnează un caracter într-o poziție specificată în interiorul unui șir |
| charCodeAt () | Dați unicode de caracter în poziția respectivă |
| concat () | Concatenează (unesc) două sau mai multe șiruri într-una |
| fromCharCode () | Returnează un șir creat din secvența specificată de unități de cod UTF-16 |
| Index de() | Furnizați poziția primei apariții a textului specificat într-un șir |
| lastIndexOf () | La fel ca indexOf (), dar cu ultima apariție, căutând înapoi |
| Meci() | Recuperați potrivirile unui șir cu un model de căutare |
| a inlocui() | Găsiți și înlocuiți textul specificat într-un șir |
| căutare() | Executați o căutare pentru un text care se potrivește și reveniți la poziția sa |
| felie() | Extrageți o secțiune dintr-un șir și returnați-o ca un șir nou |
| Despică() | Împărțiți un obiect șir într-o matrice de șiruri într-o poziție specificată |
| incepe cu() | Verificați dacă un șir începe cu caractere specificate |
| substr () | Similar cu slice (), dar extrage un șir depinde de un număr specificat de caractere |
| substring () | Similar cu slice (), dar nu poate accepta indicii negativi |
| toLowerCase () | Convertiți șirurile în minuscule |
| toUpperCase () | Convertiți șirurile în litere mari |
| valoarea() | Returnează valoarea primitivă (care nu are proprietăți sau metode) a unui obiect șir |
| SINTAXA EXPRIMĂRII REGULARE Modificatori de tipare | |
| Și | Evaluează înlocuirea |
| eu | Efectuați o potrivire care nu face sensibilitate la majuscule |
| g | Efectuați potrivirea globală |
| m | Efectuați potrivirea mai multor linii |
| s | Tratați șirurile ca pe o singură linie |
| X | Permiteți comentarii și spații albe în model |
| U | Model negrăit |
| Suporturi | |
| [abc] | Găsiți oricare dintre caracterele dintre paranteze |
| [^ abc] | Găsiți orice caracter care nu este între paranteze |
| [0-9] | Găsiți cifra specificată între paranteze |
| [A-z] | Găsiți orice caracter de la majuscule A la minuscule z |
| (a | b | c) | Găsiți oricare dintre alternativele separate cu | |
| Metacaractere | |
| . | Găsiți un singur caracter, cu excepția liniei noi sau a terminatorului de linie |
| în | Caracterul cuvântului |
| ÎN | Caracter fără cuvinte |
| d | O cifră |
| D | Un caracter fără cifre |
| s | Caracterul spațiului alb |
| S | Caracter non-white space |
| b | Găsiți o potrivire la începutul / sfârșitul unui cuvânt |
| B | Găsiți o potrivire care nu este la începutul / sfârșitul unui cuvânt |
| u0000 | Caracter NUL |
| n | Un nou personaj de linie |
| f | Formați caracterul de alimentare |
| r | Personaj de întoarcere la trăsură |
| t | Caracter de filă |
| v | Caracter tab vertical |
| xxx | Caracter specificat de un număr octal xxx |
| xdd | Caracter latin specificat printr-un număr hexazecimal dd |
| udddd | Caracter Unicode specificat de un număr hexazecimal dddd |
| Cuantificatoare | |
| n + | Potriviți orice șir care conține cel puțin un n |
| n * | Orice șir care conține zero sau mai multe apariții de n |
| n? | Orice șir care conține zero sau una dintre aparițiile lui n |
| n {X} | Orice șir care conține o secvență de X n |
| n {X, Y} | Șiruri care conțin o secvență de la X la Y n |
| n {X,} | Se potrivește cu orice șir care conține o secvență de cel puțin X n |
| n $ | Orice șir cu n la sfârșitul acestuia |
| ^ n | Șir cu n la începutul acestuia |
| ? = n | Orice șir care este urmat de un șir specific n |
| ?! n | Șir care nu este urmat de un șir specific n |
| Proprietăți numerice | |
| MAX_VALUE | Valoare numerică maximă reprezentabilă în JavaScript |
| MIN_VALUE | Cea mai mică valoare numerică pozitivă reprezentabilă în JavaScript |
| NaN | Valoarea fără număr |
| NEGATIV_INFINITATE | Valoarea infinitului negativ |
| POSITIVE_INFINITY | Valoare infinită pozitivă |
| Metode numerice | |
| toExponential () | Returnează un șir cu un număr rotunjit scris ca notație exponențială |
| toFixed () | Returnează șirul unui număr cu un număr specificat de zecimale |
| toPrecision () | Returnează șirul unui număr scris cu o lungime specificată |
| toString () | Returnează un număr ca un șir |
| valoarea() | Returnează un număr ca număr |
| Proprietăți matematice | |
| ȘI | Numărul lui Euler |
| LN2 | Logaritm natural de 2 |
| LN10 | Logaritm natural de 10 |
| LOG2E | Logaritmul bazei 2 a lui E |
| LOG10E | Baza 10 logaritmul lui E |
| PI | Numărul PI |
| SQRT1_2 | Rădăcină pătrată de 1/2 |
| SQRT2 | Rădăcină pătrată de 2 |
| Metode matematice | |
| abs (x) | Returnează valoarea absolută (pozitivă) a lui x |
| accos (x) | Arccosine de x, în radiani |
| asin (x) | Arcul de x, în radiani |
| atan (x) | Arctangenta lui x ca valoare numerică |
| atan2 (y, x) | Arctangent al coeficientului argumentelor sale |
| plafon (x) | Valoarea lui x rotunjită la cel mai apropiat număr întreg |
| cos (x) | Cosinusul lui x (x este în radiani) |
| exp (x) | Valoarea Ex |
| etaj (x) | Valoarea lui x rotunjită în jos la cel mai apropiat număr întreg |
| jurnal (x) | Logaritm natural (baza E) a lui x |
| max (x, y, z, ..., n) | Număr cu cea mai mare valoare |
| min (x, y, z, ..., n) | Număr cu cea mai mică valoare |
| pow (x, y) | X la puterea lui y |
| Aleatoriu() | Număr aleatoriu între 0 și 1 |
| rotund (x) | Valoarea lui x rotunjită la cel mai apropiat număr întreg |
| păcat (x) | Sinusul lui x (x este în radiani) |
| sqrt (x) | Rădăcina pătrată a lui x |
| deci (x) | Tangenta unui unghi |
| Datele | |
| Data() | Creați un nou obiect de dată cu data și ora curente |
| Data (2017, 5, 21, 3, 23, 10, 0) | Creați un obiect de dată personalizat. Numerele reprezintă an, lună, zi, oră, minute, secunde, milisecunde. Puteți omite orice doriți, cu excepția anului și lunii. |
| Data (23.06.2017) | Declarația datei ca șir |
| getDate () | Obțineți ziua lunii ca număr (1-31) |
| getDay () | Obțineți ziua săptămânii ca număr (0-6) |
| getFullYear () | Obțineți anul ca număr de patru cifre (aaaa) |
| getHours () | Obțineți ora (0-23) |
| getMilliseconds () | Obțineți milisecunda (0-999) |
| getMinutes () | Obțineți minutul (0-59) |
| getMonth () | Obțineți luna ca număr (0-11) |
| getSeconds () | Obțineți al doilea (0-59) |
| Fă-ți timp() | Obțineți timpul (milisecunde de la 1 ianuarie 1970) |
| getUTCDate () | Ziua (data) lunii în data specificată în funcție de ora universală (disponibilă și pentru zi, lună, an întreg, ore, minute etc.) |
| analiza | Analizați o reprezentare șir a unei date și returnați numărul de milisecunde de la 1 ianuarie 1970 |
| Seteaza data() | Setați ziua ca număr (1-31) |
| setFullYear () | Setați anul (opțional luna și ziua) |
| setHours () | Setați ora (0-23) |
| setMilliseconds () | Setați milisecundele (0-999) |
| setMinutes () | Setați minutele (0-59) |
| setMonth () | Setați luna (0-11) |
| setSeconds () | Setați secundele (0-59) |
| regleaza ora() | Setați ora (milisecunde de la 1 ianuarie 1970) |
| setUTCDate () | Setați ziua lunii pentru o dată specificată în funcție de ora universală (disponibilă și pentru zi, lună, an întreg, ore, minute etc.) |
| MODUL DOM Proprietăți nod | |
| atribute | Colectare live a tuturor atributelor înregistrate unui element |
| baseURI | Adresa URL de bază absolută a unui element HTML |
| childNodes | Colecția de noduri copil ale unui element |
| primul copil | Primul nod copil al unui element |
| ultimul copil | Ultimul nod copil al unui element |
| următorul frate | Următorul nod la același nivel al arborelui nodului |
| numeNod | Numele unui nod |
| nodeType | Tipul unui nod |
| Valoare nod | Valoarea unui nod |
| proprietarDocument | Obiect de document de nivel superior pentru nodul curent |
| parentNode | Nodul părinte al unui element |
| precedentSibling | Nod imediat precedent celui curent |
| textContent | Conținutul textual al unui nod și al descendenților acestuia |
| Metode nod | |
| appendChild () | Adăugați un nou nod copil la un element ca ultimul nod copil |
| cloneNode () | Clonați elementul HTML |
| compareDocumentPosition () | Comparați poziția documentului a două elemente |
| getFeature () | Returnează un obiect care implementează API-urile unei caracteristici specificate |
| hasAttributes () | Returnează true dacă un element are atribute, altfel returnează false |
| hasChildNodes () | Returnează true dacă un element are noduri copil, altfel returnează false |
| insertBefore () | Introduceți un nou nod copil înainte de un nod copil specificat, existent |
| isDefaultNamespace () | Returnează true dacă implicit este un spațiu de nume specificat URI, altfel returnează false |
| isEqualNode () | Verificați dacă două elemente sunt egale |
| isSameNode () | Verificați dacă două elemente sunt același nod |
| isSupported () | Returnează true dacă o caracteristică specificată este acceptată pe element |
| lookupNamespaceURI () | Returnează spațiul de numeURI asociat unui nod dat |
| lookupPrefix () | Returnează un DOMString care conține prefixul pentru un anumit spațiu de numeURI, dacă este prezent |
| normaliza() | Alăturați-vă nodurilor de text adiacente și eliminați nodurile de text goale dintr-un element |
| removeChild () | Eliminați un nod copil dintr-un element |
| replaceChild () | Înlocuiți un nod copil într-un element |
| Metode element | |
| getAttribute () | Returnează valoarea atributului specificat pentru un nod de element |
| getAttributeNS () | Returnează valoarea șirului atributului cu spațiul de nume și numele specificate |
| getAttributeNode () | Obțineți nodul atributului specificat |
| getAttributeNodeNS () | Întoarceți nodul atribut pentru atribut cu spațiul de nume și numele date |
| getElementsByTagName () | Furnizați o colecție de toate elementele copil cu numele etichetei specificate |
| getElementsByTagNameNS () | Returnează o colecție HTML live de elemente cu un anumit nume de etichetă aparținând spațiului de nume dat |
| hasAttribute () | Returnează true dacă un element are atribute, altfel returnează false |
| hasAttributeNS () | Furnizați o valoare adevărată / falsă care indică dacă elementul curent dintr-un anumit spațiu de nume are atributul specificat |
| removeAttribute () | Eliminați un atribut specificat dintr-un element |
| removeAttributeNS () | Eliminați atributul specificat dintr-un element dintr-un anumit spațiu de nume |
| removeAttributeNode () | Scoateți un nod de atribut specificat și returnați nodul eliminat |
| setAttribute () | Setați sau modificați atributul specificat la o valoare specificată |
| setAttributeNS () | Adăugați un atribut nou sau modificați valoarea unui atribut cu spațiul de nume și numele date |
| setAttributeNode () | Setați sau modificați nodul de atribut specificat |
| setAttributeNodeNS () | Adăugați un nou nod de atribut la un element |
| Proprietățile ferestrei browserului | |
| închis | Verificați dacă o fereastră a fost închisă sau nu și întoarceți adevărat sau fals |
| defaultStatus | Setați sau returnați textul implicit în bara de stare a unei ferestre |
| document | Returnează obiectul document pentru fereastră |
| rame | Întoarceți-le pe toate |