Catégorie : Javascript

Qu’est-ce que c’est ? Qu’est-ce que cela permet ? Le LocalStorage et le SessionStorage permettent d’avoir des données persistantes côté client, donc dans le navigateur, sous forme de clé / valeur et sans devoir recourir aux cookies. Cela peut permettre de charger des données dans le navigateur au lancement de l’application pour ensuite éviter des…

La fonction eval() démarre le compilateur Javascript et utilise énormément de mémoire. Elle est donc lente et a un impact sur les performances. Cette fonction présente également un problème de sécurité car le script évalué peut contenir du code malveillant. Les fonctions setTimeout() et setInterval() peuvent recevoir un paramètre. Javascript évalue ce paramètre avec la…

Il existe de légers frameworks Javascript permettant d’intégrer rapidement des lectures disposant de tous ces contrôles et étant même personnalisables très facilement sur le thème et le look. Contrôle de la lecture HTML 5 permet d’intégrer un lecteur audio / vidéo via les balises <audio> et <video>. Voir l’article audio_video. Javascript peut contrôler ces deux…

Instanciation L’instanciation d’un objet de type date se fait simplement. Cela a pour effet de renvoyer une instance à la date actuelle. Il est possible d’instancier un objet à la date que l’on veut soit avec un timestamp en paramètre ou soit avec chaque valeur qui la constitue. Fonctions sur dates Toutes ses fonctions possèdent…

Le type « objet » Définition d’un objet, présentation de prototype En Javascript un objet est une fonction. Une fonction qui correspondrait à une classe dans d’autres langages et dont le nom est le nom de l’objet. La fonction est donc le constructeur de l’objet. Elle peut recevoir des paramètres. Cette fonction peut contenir des fonctions anonymes…

Les boucles sur tableaux : for, do… while, while Les boucles sur objets : for… in; for… of La boucle for…in permet d’itérer sur les propriétés énumérables d’un objet. Alors que la boucle for… in itère et retourne les noms des propriétés d’un objet, la boucle for… of itère en retournant les valeurs des propriétés…

Les variables : var, let À l’origine de Javascript, seul le mot-clé var permettait de déclarer une variable. Son implémentation permet cependant de faire un peu n’importe quoi. C’est pourquoi le mot-clé let a été introduit. Avec var, il est possible de déclarer plusieurs fois une variable du même nom. Il est également possible de…

.forEach(), .map(), .filter() … Quelle différence ? .forEach() exécute le même code sur chaque élément d’un tableau mais ne modifie pas de données dans le tableau et retourne undefined. On boucle donc sur le tableau mais il n’y a pas à stocker le résultat dans une variable. .map() exécute le même code sur chaque élément…

Instanciation L’instanciation se fait simplement en indiquant le texte entre simples ou doubles cotes. Plus récemment, les backquotes ont été implémentées pour répondre à différentes problématiques, voir plus bas les template strings. Si la chaine est vide au départ, on ne met que les cotes. Une chaine peut être concaténée à une autre avec le…

Fonctions de manipulation du DOM Pour manipuler le DOM, accéder à un élément, le supprimer, ajouter du contenu avant ou après, modifier le contenu de l’élément, modifier ses attributs ou ses classes CSS, etc., voici les fonctions utiles. Événements sur le DOM Les événements permettent de déclencher une opération ou une suite d’opérations lorsqu’une action…

Écrire un cookie L’objet standard document dispose du sous-objet cookie qui contient la liste des cookies enregistrés pour le nom de domaine. Pour écrire un cookie on ajoute une chaine de caractères clé / valeur à l’objet cookie. Le plus simple reste de mettre en place une fonction permettant l’écriture d’un cookie. Cela permettra de…

Journaliser Plusieurs fonctions permettent d’afficher dans la console du navigateur des informations, simples messages ou variables. Pour afficher du JSON, il peut être utile d’utiliser la syntaxe suivante, même si les navigateurs interprètent bien ce type données désormais. Analyser les performances Plusieurs fonctions permettent d’analyser et mesurer les performances des scripts.

Le code Javascript peut être intégré au code HTML de différentes façons. On peut soit intégrer un fichier Javascript, soit implémenter le code dans l’en-tête du fichier HTML, soit le définir sur les balises HTML. La méthode la plus propre est de créer un fichier Javascript (ou plusieurs). Cela permet d’avoir une réelle séparation des…