Home-theater-designers
Als u dynamische webpagina's wilt bouwen, moet u uw HTML- en CSS-kennis aanvullen met: een begrip van JavaScript . Deze scripttaal wordt als essentieel beschouwd in moderne webontwikkeling.
Je kunt allerlei interessante interactieve apps en websites bouwen met JavaScript, maar er valt onderweg veel te leren. Met dat in gedachten hebben we de volgende JavaScript-spiekbrief voor u gemaakt.
Het spiekbriefje kan dienen als een snelle opfriscursus over JavaScript-elementen wanneer u er een nodig hebt. Het is handig voor zowel beginners als experts.
hoe abonnees op youtube te bekijken
GRATIS DOWNLOAD: Deze spiekbrief is beschikbaar als een downloadbare pdf van onze distributiepartner, TradePub. U moet een kort formulier invullen om het alleen voor de eerste keer te openen. Downloaden Het ultieme JavaScript-spiekbriefje .
Het ultieme JavaScript-spiekbriefje
| Snelkoppeling | Actie |
|---|---|
| JavaScript-arrays | |
| concat() | Voeg meerdere arrays samen in één |
| copyWithin() | Kopieer array-elementen binnen de array, van en naar gespecificeerde posities |
| index van() | Retourneer de primitieve waarde van het opgegeven object |
| omvat() | Controleer of een array het opgegeven element bevat |
| meedoen() | Combineer elementen van een array in een enkele string en retourneer de string |
| vermeldingen() | Retourneer een sleutel/waarde-paar Array Iteratie Object |
| elk() | Controleer of elk element in een array een test doorstaat |
| vullen() | Vul de elementen in een array met een statische waarde |
| filter() | Maak een nieuwe array met elk element in een array dat een test doorstaat |
| vind() | Retourneer de waarde van het eerste element in een array dat een test doorstaat |
| voor elk() | Roep een functie aan voor elk array-element |
| van() | Een array maken van een object |
| lastIndexOf() | Geef de laatste positie waarop een bepaald element in een array voorkomt |
| pop () | Het laatste element van een array verwijderen |
| duw() | Voeg aan het einde een nieuw element toe |
| achteruit() | Sorteer elementen in aflopende volgorde |
| verminderen() | Verminder de waarden van een array tot een enkele waarde (van links naar rechts) |
| reduceRight() | Verminder de waarden van een array tot een enkele waarde (van rechts naar links) |
| verschuiving() | Het eerste element van een array verwijderen |
| plak() | Trek een kopie van een deel van een array naar een nieuw array-object |
| soort() | Sorteer elementen alfabetisch |
| splitsen() | Elementen toevoegen op een gespecificeerde manier en positie |
| ontschuiven() | Voeg een nieuw element toe aan het begin |
| JavaScript-booleaanse methoden | |
| toString() | Converteer een Booleaanse waarde naar een tekenreeks en retourneer het resultaat |
| waarde van() | Retourneert de eerste positie waarop een bepaald element in een array verschijnt |
| naarBron() | Retourneer een tekenreeks die de broncode van het object vertegenwoordigt |
| JavaScript rekenkundige operators | |
| + | Toevoeging |
| - | aftrekken |
| * | Vermenigvuldiging |
| / | Afdeling |
| (...) | Groeperingsoperator (bewerkingen tussen haakjes worden eerder uitgevoerd dan die erbuiten) |
| % | Modulus (rest) |
| ++ | Verhogen nummers |
| - | Getallen verlagen |
| == | Gelijk aan |
| === | Gelijke waarde en gelijk type |
| ! = | Niet gelijk |
| ! == | Geen gelijke waarde of niet gelijk type |
| > | Groter dan |
| < | Minder dan |
| > = | Groter dan of gelijk aan |
| <= | Kleiner dan of gelijk aan |
| ? | ternaire operator |
| Logische operators | |
| && | Logische AND |
| || | Logische OR |
| ! | Logisch NIET |
| Bitsgewijze operators | |
| & | EN verklaring |
| | | OF-verklaring |
| ~ | NIET |
| ^ | XOR |
| << | Linker shift |
| >> | Rechter shift |
| >>> | Nul vullen rechts shift |
| Functies | |
| waarschuwing() | Gegevens uitvoeren in een waarschuwingsvenster in het browservenster |
| bevestigen() | Open een ja/nee-dialoogvenster en retourneer waar/onwaar, afhankelijk van de klik van de gebruiker |
| console.log() | Schrijf informatie naar de browserconsole (goed voor foutopsporingsdoeleinden) |
| document.schrijven() | Schrijf rechtstreeks naar het HTML-document |
| snel() | Een dialoogvenster maken voor gebruikersinvoer |
| Algemene functies | |
| decodeert () | Decodeer een Uniform Resource Identifier (URI) gemaakt door encodeURI of iets dergelijks |
| decodeURIComponent() | Decodeer de component-URI |
| codeerURI() | Codeer een URI in UTF-8 |
| codeerURIComponent() | Hetzelfde maar voor URI-componenten |
| eval() | Evalueer JavaScript-code weergegeven als een tekenreeks |
| is Eindig () | Bepaal of een doorgegeven waarde een eindig getal is |
| isNaN() | Bepaal of een waarde een ongeldig getal is |
| Nummer() | Converteer de waarde van een object naar een getal |
| ontledenFloat() | Een string ontleden en een getal met drijvende komma teruggeven |
| parseInt() | Een string ontleden en een geheel getal retourneren |
| JavaScript-lussen | |
| voor | De meest gebruikelijke manier om een lus in JavaScript te maken |
| terwijl | Voorwaarden instellen waaronder een lus wordt uitgevoerd |
| doen terwijl | Net als bij de while-lus, wordt deze echter minstens één keer uitgevoerd en wordt aan het einde een controle uitgevoerd om te zien of aan de voorwaarde is voldaan om opnieuw uit te voeren |
| pauze | Stop en verlaat de cyclus als aan bepaalde voorwaarden is voldaan |
| doorgaan met | Deel van de cyclus overslaan als aan bepaalde voorwaarden is voldaan |
| Escape-personages | |
| ' | Alleenstaande citaat |
| ' | Dubbele aanhalingstekens |
| \ | Backslash |
| B | Backspace |
| F | Formulierfeed |
| N | Nieuwe lijn |
| R | koetsretour |
| Horizontale tabulator | |
| v | Verticale tabulator |
| JavaScript-tekenreeksmethoden | |
| charAt () | Retourneer een teken op een opgegeven positie binnen een tekenreeks |
| charCodeAt () | Geef de unicode van het teken op die positie |
| concat() | Samenvoegen (samenvoegen) van twee of meer strings in één |
| vanCharCode() | Retourneer een tekenreeks die is gemaakt op basis van de opgegeven reeks UTF-16-code-eenheden |
| index van() | Geef de positie op van het eerste voorkomen van gespecificeerde tekst binnen een tekenreeks |
| lastIndexOf() | Hetzelfde als indexOf() maar met het laatste voorkomen, achteruit zoeken |
| bij elkaar passen() | Haal de overeenkomsten op van een tekenreeks met een zoekpatroon |
| vervangen() | Zoek en vervang gespecificeerde tekst in een string |
| zoeken() | Voer een zoekopdracht uit naar een overeenkomende tekst en geef de positie terug |
| plak() | Extraheer een sectie van een string en retourneer deze als een nieuwe string |
| splitsen() | Splits een tekenreeksobject in een reeks tekenreeksen op een opgegeven positie |
| begint met() | Controleer of een tekenreeks begint met opgegeven tekens |
| substr() | Vergelijkbaar met slice() maar extraheert een substring afhankelijk van een gespecificeerd aantal karakters |
| subtekenreeks() | Vergelijkbaar met slice() maar kan geen negatieve indices accepteren |
| naarLowerCase() | Tekenreeksen converteren naar kleine letters |
| naarHoofdletter() | Zet tekenreeksen om in hoofdletters |
| waarde van() | Retourneer de primitieve waarde (die geen eigenschappen of methoden heeft) van een tekenreeksobject |
| REGELMATIGE EXPRESSIE SYNTAX Patroonmodificatoren | |
| En | Vervanging evalueren |
| l | Hoofdletterongevoelige overeenkomsten uitvoeren |
| G | Wereldwijde matching uitvoeren |
| m | Meerdere regels matchen |
| s | Behandel strings als enkele regel |
| x | Opmerkingen en witruimte in patroon toestaan |
| U | Ungreedy patroon |
| Beugels | |
| [abc] | Zoek een van de tekens tussen de haakjes |
| [^ abc] | Zoek een willekeurig teken dat niet tussen de haakjes staat |
| [0-9] | Zoek cijfer gespecificeerd tussen haakjes |
| [A-z] | Zoek een willekeurig teken van hoofdletter A tot kleine letter z |
| (a|b|c) | Zoek een van de alternatieven gescheiden door | |
| metakarakters | |
| . | Zoek een enkel teken, behalve newline of line terminator |
| in | Woord karakter |
| IN | Niet-woord karakter |
| NS | een cijfer |
| NS | Een niet-cijferig teken |
| s | Witruimte teken |
| S | Teken zonder witruimte |
| B | Zoek een overeenkomst aan het begin/einde van een woord |
| B | Zoek een overeenkomst die niet aan het begin/einde van een woord staat |
| u0000 | NUL-teken |
| N | Een nieuw regelteken |
| F | Form feed-teken |
| R | Koetsretourkarakter |
| Tabteken | |
| v | Verticaal tabteken |
| xxx | Teken gespecificeerd door een octaal getal xxx |
| xdd | Latijns karakter gespecificeerd door een hexadecimaal getal dd |
| udddd | Unicode-teken gespecificeerd door een hexadecimaal getal dddd |
| Kwantificatoren | |
| n+ | Overeenkomen met elke tekenreeks die ten minste één n . bevat |
| N* | Elke tekenreeks die nul of meer exemplaren van n . bevat |
| N? | Elke tekenreeks die nul of één keer n . bevat |
| n{X} | Elke tekenreeks die een reeks X n's bevat |
| n {X, Y} | Strings die een reeks van X tot Y n's bevatten |
| n{X,} | Komt overeen met elke tekenreeks die een reeks van ten minste X n's bevat |
| n$ | Elke string met n aan het einde ervan |
| ^n | String met n aan het begin ervan |
| ?=n | Elke tekenreeks die wordt gevolgd door een specifieke tekenreeks n |
| ?!N | Tekenreeks die niet wordt gevolgd door een specifieke tekenreeks n |
| Nummereigenschappen | |
| MAXIMUM WAARDE | Maximale numerieke waarde die in JavaScript kan worden weergegeven |
| MIN_VALUE | Kleinste positieve numerieke waarde die in JavaScript kan worden weergegeven |
| NaN | De niet-een-nummerwaarde |
| NEGATIVE_INFINITY | Negatieve oneindige waarde |
| POSITIVE_INFINITY | Positieve oneindige waarde |
| Nummermethoden | |
| naar exponentieel() | Retourneer een tekenreeks met een afgerond getal geschreven als exponentiële notatie |
| naar Vast() | Retourtekenreeks van een getal met een opgegeven aantal decimalen |
| naarPrecisie() | Retourtekenreeks van een getal geschreven met een opgegeven lengte |
| toString() | Retourneer een getal als een tekenreeks |
| waarde van() | Retourneer een getal als een getal |
| Wiskundige eigenschappen | |
| EN | Euler's nummer |
| LN2 | Natuurlijke logaritme van 2 |
| LN10 | Natuurlijke logaritme van 10 |
| LOG2E | Basis 2 logaritme van E |
| LOG10E | Basis 10 logaritme van E |
| PI | Het nummer PI |
| SQRT1_2 | Vierkantswortel van 1/2 |
| SQRT2 | Vierkantswortel van 2 |
| Wiskundige methoden | |
| buikspieren(x) | Retourneer de absolute (positieve) waarde van x |
| acces (x) | Arccosinus van x, in radialen |
| asin(x) | Boogsinus van x, in radialen |
| atan (x) | Arctangens van x als numerieke waarde |
| atan2 (y, x) | Arctangens van het quotiënt van zijn argumenten |
| plafond(x) | Waarde van x naar boven afgerond op het dichtstbijzijnde gehele getal |
| cos(x) | Cosinus van x (x is in radialen) |
| exp(x) | Waarde van Ex |
| verdieping(x) | Waarde van x naar beneden afgerond op het dichtstbijzijnde gehele getal |
| log(x) | Natuurlijke logaritme (grondtal E) van x |
| max(x,y,z,...,n) | Nummer met hoogste waarde |
| min (x, y, z, ..., n) | Nummer met laagste waarde |
| pow (x, y) | X tot de macht y |
| willekeurig() | Willekeurig getal tussen 0 en 1 |
| ronde(x) | Waarde van x afgerond op het dichtstbijzijnde gehele getal |
| zonde (x) | Sinus van x (x is in radialen) |
| sqrt(x) | Vierkantswortel van x |
| dus (x) | Raaklijn van een hoek |
| data | |
| Datum() | Maak een nieuw datumobject met de huidige datum en tijd |
| Datum(2017, 5, 21, 3, 23, 10, 0) | Maak een aangepast datumobject. De cijfers vertegenwoordigen jaar, maand, dag, uur, minuten, seconden, milliseconden. U kunt alles weglaten wat u wilt, behalve jaar en maand. |
| Datum (2017-06-23) | Datumaangifte als een string |
| krijg datum() | Verkrijg de dag van de maand als een getal (1-31) |
| getDay() | Verkrijg de weekdag als een getal (0-6) |
| getFullYear() | Krijg het jaar als een viercijferig nummer (yyyy) |
| getHours() | Haal het uur (0-23) |
| getMilliseconden() | Verkrijg de milliseconde (0-999) |
| getMinuten() | Haal de minuut (0-59) |
| getMonth() | Krijg de maand als een getal (0-11) |
| getSeconds() | Haal de tweede (0-59) |
| krijg tijd() | Krijg de tijd (milliseconden sinds 1 januari 1970) |
| getUTCDate () | Dag (datum) van de maand in de opgegeven datum volgens universele tijd (ook beschikbaar voor dag, maand, heel jaar, uren, minuten etc.) |
| ontleden | Ontleed een tekenreeksrepresentatie van een datum en retourneer het aantal milliseconden sinds 1 januari 1970 |
| setDate() | Stel de dag in als een getal (1-31) |
| setFullYear () | Stel het jaar in (optioneel maand en dag) |
| setUren () | Stel het uur in (0-23) |
| setMilliseconden() | Stel de milliseconden in (0-999) |
| setminuten() | Stel de minuten in (0-59) |
| setMonth() | Stel de maand in (0-11) |
| setSeconden() | Stel de seconden in (0-59) |
| tijd instellen() | Stel de tijd in (milliseconden sinds 1 januari 1970) |
| setUTCDate() | Stel de dag van de maand in voor een gespecificeerde datum volgens universele tijd (ook beschikbaar voor dag, maand, heel jaar, uren, minuten enz.) |
| DOM-MODUS Knooppunteigenschappen | |
| attributen | Live verzameling van alle attributen die bij een element zijn geregistreerd |
| basis-URI | Absolute basis-URL van een HTML-element |
| childNodes | Verzameling van onderliggende knooppunten van een element |
| eerstgeborene | Eerste onderliggende knoop van een element |
| laatste kind | Laatste onderliggende knoop van een element |
| volgendeSibling | Volgende knooppunt op hetzelfde knooppuntboomniveau |
| nodeName | Naam van een knooppunt |
| nodeType | Type van een knooppunt |
| nodeWaarde | Waarde van een knoop |
| eigenaarDocument | Documentobject op het hoogste niveau voor het huidige knooppunt |
| parentNode | Bovenliggende knoop van een element |
| vorigeBroer/zus | Knooppunt onmiddellijk voorafgaand aan de huidige |
| textContent | Tekstuele inhoud van een knoop en zijn afstammelingen |
| Knooppuntmethoden | |
| appendChild() | Voeg een nieuwe onderliggende node toe aan een element als de laatste onderliggende node |
| kloonNode() | HTML-element klonen |
| vergelijkDocumentPositie () | Vergelijk de documentpositie van twee elementen |
| getFeature() | Retourneer een object dat de API's van een gespecificeerde functie implementeert |
| hasAtributes() | Retourneer true als een element attributen heeft, anders retourneer false |
| hasChildNodes () | Retourneer waar als een element onderliggende knooppunten heeft, anders retourneer onwaar |
| invoegenVoor() | Voeg een nieuwe onderliggende node in voor een gespecificeerde, bestaande onderliggende node |
| isDefaultNamespace() | Retourneer true als een opgegeven naamruimte-URI de standaard is, anders retourneer false |
| isEqualNode () | Controleer of twee elementen gelijk zijn |
| isSameNode() | Controleer of twee elementen hetzelfde knooppunt zijn |
| wordt ondersteund () | Retourneer waar als een opgegeven functie wordt ondersteund op het element |
| lookupNaamruimteURI() | Retourneer de naamruimte-URI die is gekoppeld aan een bepaald knooppunt |
| lookupPrefix() | Retourneer een DOMString met het voorvoegsel voor een bepaalde naamruimte-URI, indien aanwezig |
| normaliseren() | Voeg aangrenzende tekstknooppunten samen en verwijder lege tekstknooppunten in een element |
| verwijderKind() | Een onderliggende node uit een element verwijderen |
| vervangKind() | Vervang een onderliggende node in een element |
| Elementmethoden: | |
| getAttribuut() | Retourneer de opgegeven attribuutwaarde van een elementknooppunt |
| getAttribuutNS() | Retourtekenreekswaarde van het kenmerk met de opgegeven naamruimte en naam |
| getAttribuutNode() | Het opgegeven kenmerkknooppunt ophalen |
| getAttribuutNodeNS() | Retourneer het attribuutknooppunt voor het attribuut met de gegeven naamruimte en naam |
| getElementsByTagName() | Geef een verzameling van alle onderliggende elementen met de opgegeven tagnaam |
| getElementsByTagNameNS() | Retourneer een live HTML-verzameling van elementen met een bepaalde tagnaam die bij de opgegeven naamruimte hoort |
| hasAttribuut() | Retourneer true als een element attributen heeft, anders retourneer false |
| hasAttribuutNS() | Geef een true/false-waarde op die aangeeft of het huidige element in een bepaalde naamruimte het gespecificeerde attribuut heeft |
| removeAttribute() | Een opgegeven attribuut uit een element verwijderen |
| removeAttributeNS() | Verwijder het gespecificeerde attribuut van een element binnen een bepaalde naamruimte |
| removeAttributeNode() | Haal een gespecificeerd attribuutknooppunt weg en retourneer het verwijderde knooppunt |
| setAttribuut() | Stel het opgegeven kenmerk in of wijzig het in een opgegeven waarde |
| setAttribuutNS() | Voeg een nieuw attribuut toe of wijzig de waarde van een attribuut met de gegeven naamruimte en naam |
| setAttribuutNode() | Stel het opgegeven attribuutknooppunt in of wijzig het |
| setAttributeNodeNS() | Voeg een nieuw attribuutknooppunt met naamruimte toe aan een element |
| Eigenschappen van browservenster | |
| gesloten | Controleer of een venster is gesloten of niet en retourneer waar of onwaar |
| standaardstatus | Stel de standaardtekst in of retourneer deze in de statusbalk van een venster |
| document | Retourneer het documentobject voor het venster |
| frames | Alles retourneren |