Home-theater-designers
Si vous souhaitez créer des pages Web dynamiques, vous devrez compléter vos connaissances HTML et CSS avec une compréhension de JavaScript . Ce langage de script est considéré comme un élément essentiel du développement Web moderne.
Vous pouvez créer toutes sortes d'applications interactives et de sites Web intéressants avec JavaScript, mais il y a beaucoup à apprendre en cours de route. Dans cet esprit, nous avons créé pour vous l'aide-mémoire JavaScript suivant.
L'aide-mémoire peut servir de rappel rapide sur les éléments JavaScript chaque fois que vous en avez besoin. C'est pratique pour les débutants comme pour les experts.
ipad pro 11 pouces contre 12,9
TÉLÉCHARGEMENT GRATUIT: Cette aide-mémoire est disponible sous forme de PDF téléchargeable de notre partenaire de distribution, TradePub. Vous devrez remplir un court formulaire pour y accéder pour la première fois seulement. Télécharger L'aide-mémoire JavaScript ultime .
L'aide-mémoire JavaScript ultime
| Raccourci | action |
|---|---|
| Tableaux JavaScript | |
| concaté() | Joindre plusieurs tableaux en un seul |
| copier dans () | Copier les éléments du tableau dans le tableau, vers et depuis les positions spécifiées |
| Indice de() | Renvoie la valeur primitive de l'objet spécifié |
| comprend () | Vérifier si un tableau contient l'élément spécifié |
| rejoindre() | Combiner les éléments d'un tableau en une seule chaîne et renvoyer la chaîne |
| entrées() | Renvoie une paire clé/valeur Array Iteration Object |
| tous() | Vérifier si chaque élément d'un tableau réussit un test |
| remplir() | Remplir les éléments d'un tableau avec une valeur statique |
| filtre() | Créer un nouveau tableau avec chaque élément d'un tableau qui réussit un test |
| trouve() | Renvoie la valeur du premier élément d'un tableau qui réussit un test |
| pour chaque() | Appeler une fonction pour chaque élément du tableau |
| de() | Créer un tableau à partir d'un objet |
| dernierIndexOf() | Donner la dernière position à laquelle un élément donné apparaît dans un tableau |
| pop () | Supprimer le dernier élément d'un tableau |
| pousser() | Ajouter un nouvel élément à la fin |
| inverser() | Trier les éléments par ordre décroissant |
| réduire() | Réduire les valeurs d'un tableau à une seule valeur (de gauche à droite) |
| réduireDroite() | Réduire les valeurs d'un tableau à une seule valeur (de droite à gauche) |
| décalage() | Supprimer le premier élément d'un tableau |
| tranche() | Extraire une copie d'une partie d'un tableau dans un nouvel objet de tableau |
| sorte() | Trier les éléments par ordre alphabétique |
| épissure() | Ajouter des éléments d'une manière et d'une position spécifiées |
| unshift() | Ajouter un nouvel élément au début |
| Méthodes booléennes JavaScript | |
| toString() | Convertir une valeur booléenne en chaîne et renvoyer le résultat |
| valeur de() | Renvoie la première position à laquelle un élément donné apparaît dans un tableau |
| pour citer() | Renvoie une chaîne représentant le code source de l'objet |
| Opérateurs arithmétiques JavaScript | |
| + | Une addition |
| - | Soustraction |
| * | Multiplication |
| / | Division |
| (...) | Opérateur de regroupement (les opérations entre parenthèses sont exécutées plus tôt que celles à l'extérieur) |
| % | Module (reste) |
| ++ | Incrémenter des nombres |
| - | Décrémenter les nombres |
| == | Égal à |
| === | Valeur égale et type égal |
| ! = | Inégal |
| ! == | Valeur différente ou type différent |
| > | Plus grand que |
| < | Inférieur à |
| > = | Plus grand ou égal à |
| <= | Inférieur ou égal à |
| ? | Opérateur ternaire |
| Opérateurs logiques | |
| && | ET logique |
| || | OU logique |
| ! | NON logique |
| Opérateurs au niveau du bit | |
| & | ET déclaration |
| | | OU déclaration |
| ~ | NE PAS |
| ^ | OU exclusif |
| << | Décalage à gauche |
| >> | Décalage à droite |
| >>> | Remplissage zéro décalage à droite |
| Les fonctions | |
| alerte() | Données de sortie dans une boîte d'alerte dans la fenêtre du navigateur |
| confirmer() | Ouvre une boîte de dialogue oui/non et renvoie vrai/faux en fonction du clic de l'utilisateur |
| console.log() | Écrire des informations dans la console du navigateur (utile à des fins de débogage) |
| document.write() | Écrire directement dans le document HTML |
| rapide() | Créer une boîte de dialogue pour la saisie de l'utilisateur |
| Fonctions globales | |
| décode () | Décoder un Uniform Resource Identifier (URI) créé par encodeURI ou similaire |
| decodeURIComponent() | Décoder l'URI du composant |
| encoderURI() | Encoder un URI en UTF-8 |
| encodeURIComponent() | Idem mais pour les composants URI |
| eval() | Évaluer le code JavaScript représenté sous forme de chaîne |
| estFini () | Déterminer si une valeur transmise est un nombre fini |
| estNaN() | Déterminer si une valeur est un nombre illégal |
| Nombre() | Convertir la valeur d'un objet en nombre |
| parseFloat() | Analyser une chaîne et renvoyer un nombre à virgule flottante |
| parseInt() | Analyser une chaîne et renvoyer un entier |
| Boucles JavaScript | |
| pour | La façon la plus courante de créer une boucle en JavaScript |
| tandis que | Configurer les conditions dans lesquelles une boucle s'exécute |
| faire pendant | Semblable à la boucle while, cependant, il s'exécute au moins une fois et effectue une vérification à la fin pour voir si la condition est remplie pour s'exécuter à nouveau |
| Pause | Arrêt et sortie du cycle si certaines conditions sont remplies |
| Continuez | Sauter des parties du cycle si certaines conditions sont remplies |
| Caractères d'échappement | |
| ' | Simple citation |
| ' | Double citation |
| \ | barre oblique inverse |
| Retour arrière | |
| F | Flux de formulaire |
| Nouvelle ligne | |
| Retour chariot | |
| Tabulateur horizontal | |
| v | Tabulateur vertical |
| Méthodes de chaîne JavaScript | |
| caractère () | Renvoie un caractère à une position spécifiée dans une chaîne |
| CharCodeAt () | Donner l'unicode du caractère à cette position |
| concaté() | Concaténer (rejoindre) deux ou plusieurs chaînes en une seule |
| fromCharCode() | Renvoie une chaîne créée à partir de la séquence spécifiée d'unités de code UTF-16 |
| Indice de() | Fournit la position de la première occurrence du texte spécifié dans une chaîne |
| dernierIndexOf() | Identique à indexOf() mais avec la dernière occurrence, recherche en arrière |
| rencontre() | Récupérer les correspondances d'une chaîne par rapport à un modèle de recherche |
| remplacer() | Rechercher et remplacer le texte spécifié dans une chaîne |
| chercher() | Exécuter une recherche d'un texte correspondant et renvoyer sa position |
| tranche() | Extraire une section d'une chaîne et la renvoyer en tant que nouvelle chaîne |
| diviser() | Diviser un objet chaîne en un tableau de chaînes à une position spécifiée |
| commence avec() | Vérifier si une chaîne commence par des caractères spécifiés |
| substr() | Similaire à slice() mais extrait une sous-chaîne en fonction d'un nombre spécifié de caractères |
| sous-chaîne() | Similaire à slice() mais ne peut pas accepter les indices négatifs |
| en minuscule () | Convertir les chaînes en minuscules |
| en majuscule() | Convertir les chaînes en majuscules |
| valeur de() | Renvoie la valeur primitive (qui n'a pas de propriétés ou de méthodes) d'un objet chaîne |
| SYNTAXE D'EXPRESSION RÉGULIÈRE Modificateurs de motif | |
| Et | Évaluer le remplacement |
| je | Effectuer une correspondance insensible à la casse |
| g | Effectuer une correspondance globale |
| m | Effectuer une correspondance de plusieurs lignes |
| s | Traiter les chaînes comme une seule ligne |
| X | Autoriser les commentaires et les espaces dans le motif |
| U | Motif peu gourmand |
| Supports | |
| [abc] | Trouvez l'un des caractères entre parenthèses |
| [^ abc] | Trouvez n'importe quel caractère qui n'est pas entre parenthèses |
| [0-9] | Trouver le chiffre spécifié entre parenthèses |
| [A-z] | Trouvez n'importe quel caractère de la majuscule A à la minuscule z |
| (a|b|c) | Trouvez l'une des alternatives séparées par | |
| Métacaractères | |
| . | Rechercher un seul caractère, à l'exception du saut de ligne ou de la fin de ligne |
| dans | Caractère de mot |
| DANS | Caractère autre qu'un mot |
| é | Un chiffre |
| RÉ | Un caractère non numérique |
| s | Caractère d'espacement |
| S | Caractère non blanc |
| Trouver une correspondance au début/à la fin d'un mot | |
| B | Trouver une correspondance pas au début/à la fin d'un mot |
| u0000 | NUL character |
| Un nouveau caractère de ligne | |
| F | Caractère de saut de page |
| Caractère de retour chariot | |
| Caractère de tabulation | |
| v | Caractère de tabulation verticale |
| xxx | Caractère spécifié par un nombre octal xxx |
| xdd | Caractère latin spécifié par un nombre hexadécimal dd |
| udddd | Caractère Unicode spécifié par un nombre hexadécimal dddd |
| Quantificateurs | |
| n+ | Correspond à n'importe quelle chaîne qui contient au moins un n |
| n* | Toute chaîne qui contient zéro ou plusieurs occurrences de n |
| n? | Toute chaîne qui contient zéro ou une occurrence de n |
| n{X} | Toute chaîne contenant une séquence de X n |
| n {X, Y} | Chaînes contenant une séquence de X à Y n |
| n{X,} | Correspond à toute chaîne contenant une séquence d'au moins X n |
| n$ | Toute chaîne avec n à la fin |
| ^n | Chaîne avec n au début |
| ?=n | Toute chaîne suivie d'une chaîne spécifique n |
| ?!n | Chaîne qui n'est pas suivie d'une chaîne spécifique n |
| Propriétés des nombres | |
| VALEUR MAX | Valeur numérique maximale représentable en JavaScript |
| MIN_VALUE | Plus petite valeur numérique positive représentable en JavaScript |
| NaN | La valeur Not-a-Number |
| NEGATIVE_INFINITY | Valeur d'infini négative |
| POSITIF_INFINITY | Valeur positive de l'infini |
| Méthodes de nombre | |
| àExponentielle() | Renvoie une chaîne avec un nombre arrondi écrit en notation exponentielle |
| àFixe() | Chaîne de retour d'un nombre avec un nombre spécifié de décimales |
| àPrécision() | Chaîne de retour d'un nombre écrit avec une longueur spécifiée |
| toString() | Renvoie un nombre sous forme de chaîne |
| valeur de() | Renvoyer un nombre sous forme de nombre |
| Propriétés mathématiques | |
| ET | nombre d'Euler |
| LN2 | Logarithme népérien de 2 |
| LN10 | Logarithme népérien de 10 |
| LOG2E | Logarithme de base 2 de E |
| LOG10E | Logarithme en base 10 de E |
| PI | Le nombre PI |
| SQRT1_2 | Racine carrée de 1/2 |
| SQRT2 | Racine carrée de 2 |
| Méthodes mathématiques | |
| abs(x) | Renvoie la valeur absolue (positive) de x |
| accos (x) | Arccosinus de x, en radians |
| asin(x) | Arc sinus de x, en radians |
| atan (x) | Arctangente de x en tant que valeur numérique |
| atan2 (y, x) | Arctangente du quotient de ses arguments |
| plafond(x) | Valeur de x arrondie à son entier le plus proche |
| cos(x) | Cosinus de x (x est en radians) |
| exp(x) | Valeur de Ex |
| étage(x) | Valeur de x arrondie à son entier inférieur le plus proche |
| log(x) | Logarithme népérien (base E) de x |
| max(x,y,z,...,n) | Nombre avec la valeur la plus élevée |
| min (x, y, z, ..., n) | Nombre avec la valeur la plus faible |
| pow (x, y) | X à la puissance y |
| Aléatoire() | Nombre aléatoire entre 0 et 1 |
| rond(x) | Valeur de x arrondie à son entier le plus proche |
| péché (x) | Sinus de x (x est en radians) |
| carré(x) | Racine carrée de x |
| donc (x) | Tangente d'un angle |
| Rendez-vous | |
| Date() | Créer un nouvel objet date avec la date et l'heure actuelles |
| Date(2017, 5, 21, 3, 23, 10, 0) | Créez un objet date personnalisé. Les nombres représentent l'année, le mois, le jour, l'heure, les minutes, les secondes, les millisecondes. Vous pouvez omettre tout ce que vous voulez, à l'exception de l'année et du mois. |
| Date(2017-06-23) | Déclaration de date sous forme de chaîne |
| avoir un rendez-vous() | Obtenez le jour du mois sous forme de nombre (1-31) |
| getDay() | Obtenez le jour de la semaine sous forme de nombre (0-6) |
| getFullYear() | Obtenez l'année sous forme de nombre à quatre chiffres (aaaa) |
| getHeures() | Obtenez l'heure (0-23) |
| getMilliseconds() | Obtenez la milliseconde (0-999) |
| getMinutes() | Obtenez la minute (0-59) |
| obtenirMois() | Obtenez le mois sous forme de nombre (0-11) |
| getSecondes() | Obtenez le deuxième (0-59) |
| obtenir du temps() | Obtenez l'heure (millisecondes depuis le 1er janvier 1970) |
| getUTCDate () | Jour (date) du mois dans la date spécifiée selon l'heure universelle (également disponible pour le jour, le mois, l'année complète, les heures, les minutes, etc.) |
| analyser | Analyse une représentation sous forme de chaîne d'une date et renvoie le nombre de millisecondes depuis le 1er janvier 1970 |
| régler la date() | Définir le jour sous forme de nombre (1-31) |
| setFullYear () | Réglez l'année (en option le mois et le jour) |
| setHeures () | Réglez l'heure (0-23) |
| setMillisecondes() | Réglez les millisecondes (0-999) |
| setMinutes() | Réglez les minutes (0-59) |
| setMois() | Réglez le mois (0-11) |
| setSecondes() | Réglez les secondes (0-59) |
| régler le temps() | Réglez l'heure (millisecondes depuis le 1er janvier 1970) |
| setUTCDate() | Réglez le jour du mois pour une date spécifiée en fonction de l'heure universelle (également disponible pour le jour, le mois, l'année complète, les heures, les minutes, etc.) |
| MODE DOM Propriétés du nœud | |
| les attributs | Collection en direct de tous les attributs enregistrés sur un élément |
| baseURI | URL de base absolue d'un élément HTML |
| childNodes | Collection des nœuds enfants d'un élément |
| premier enfant | Premier nœud enfant d'un élément |
| dernier enfant | Dernier nœud enfant d'un élément |
| suivantSœur | Nœud suivant au même niveau d'arborescence de nœuds |
| nodeName | Nom d'un nœud |
| nodeType | Type de nœud |
| nodeValue | Valeur d'un nœud |
| propriétaireDocument | Objet document de niveau supérieur pour le nœud actuel |
| parentNode | Nœud parent d'un élément |
| précédentFrère | Nœud précédant immédiatement l'actuel |
| texteContenu | Contenu textuel d'un nœud et de ses descendants |
| Méthodes de nœud | |
| ajouterEnfant() | Ajouter un nouveau nœud enfant à un élément en tant que dernier nœud enfant |
| cloneNode() | Cloner un élément HTML |
| comparerDocumentPosition () | Comparer la position du document de deux éléments |
| getFeature() | Renvoie un objet qui implémente les API d'une fonctionnalité spécifiée |
| hasAttributes() | Renvoie true si un élément a des attributs, sinon renvoie false |
| hasChildNodes () | Renvoie true si un élément a des nœuds enfants, sinon renvoie false |
| insertAvant() | Insérer un nouveau nœud enfant avant un nœud enfant existant spécifié |
| isDefaultNamespace() | Renvoie true si un namespaceURI spécifié est la valeur par défaut, sinon renvoie false |
| isEqualNode () | Vérifier si deux éléments sont égaux |
| isSameNode() | Vérifiez si deux éléments sont le même nœud |
| est pris en charge () | Renvoie true si une fonctionnalité spécifiée est prise en charge sur l'élément |
| lookupNamespaceURI() | Renvoie le namespaceURI associé à un nœud donné |
| lookupPrefix() | Renvoie une DOMString contenant le préfixe d'un namespaceURI donné, s'il est présent |
| normaliser() | Joindre les nœuds de texte adjacents et supprimer les nœuds de texte vides dans un élément |
| removeChild() | Supprimer un nœud enfant d'un élément |
| remplacerEnfant() | Remplacer un nœud enfant dans un élément |
| Méthodes d'élément | |
| getAttribute() | Renvoie la valeur d'attribut spécifiée d'un nœud d'élément |
| getAttributeNS() | Renvoie la valeur de chaîne de l'attribut avec l'espace de noms et le nom spécifiés |
| getAttributeNode() | Obtenir le nœud d'attribut spécifié |
| getAttributeNodeNS() | Renvoie le nœud d'attribut pour l'attribut avec l'espace de noms et le nom donnés |
| getElementsByTagName() | Fournir une collection de tous les éléments enfants avec le nom de balise spécifié |
| getElementsByTagNameNS() | Renvoie une collection HTML en direct d'éléments avec un certain nom de balise appartenant à l'espace de noms donné |
| aAttribut() | Renvoie true si un élément a des attributs, sinon renvoie false |
| hasAttributeNS() | Fournit une valeur vrai/faux indiquant si l'élément actuel dans un espace de noms donné a l'attribut spécifié |
| removeAttribute() | Supprimer un attribut spécifié d'un élément |
| removeAttributeNS() | Supprimer l'attribut spécifié d'un élément dans un certain espace de noms |
| removeAttributeNode() | Supprimer un nœud d'attribut spécifié et renvoyer le nœud supprimé |
| setAttribute() | Définir ou modifier l'attribut spécifié à une valeur spécifiée |
| setAttributeNS() | Ajouter un nouvel attribut ou modifier la valeur d'un attribut avec l'espace de noms et le nom donnés |
| setAttributeNode() | Définir ou modifier le nœud d'attribut spécifié |
| setAttributeNodeNS() | Ajouter un nouveau nœud d'attribut d'espace de noms à un élément |
| Propriétés de la fenêtre du navigateur | |
| fermé | Vérifiez si une fenêtre a été fermée ou non et retournez vrai ou faux |
| état par défaut | Définir ou renvoyer le texte par défaut dans la barre d'état d'une fenêtre |
| document | Renvoie l'objet document pour la fenêtre |
| cadres | Tout retourner |