Documentation Javascript associée

add()

La méthode add() permet d'ajouter un nouvel élément ayant une valeur donnée à un ensemble Set. Cette valeur sera ajoutée à la fin de l'objet Set.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Set/add

Array.prototype.join()

La méthode join() réunit tous les éléments d'un tableau dans une chaine de caractères et renvoie cette nouvelle chaîne de caractères. exemple <source lang="javascript">console.log(elements.join());</source>

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/join

console.log

<source lang="javascript">console.log(obj1 [, obj2, ..., objN]);</source> Fonctionnalité qui affiche un message dans la Console Web. Informations au sujet de l'élément mis en paramètre. Ouvrir la console de Firefox : CTRL +ALT +K

https://developer.mozilla.org/fr/docs/Web/API/Console/log

Data URLs (Data_URI)

Les URLs de données, les URLs prefixées par le schéma data:, permettent aux créateurs de contenu d'intégrer de petits fichiers dans des documents. Les URLs de données sont composées de quatres parties : un préfixe (data:), un type MIME indiquant le type de donnée, un token base64 facultatif si il n'est pas textuel et les données elles-mêmes : data:[<mediatype>][;base64],

https://developer.mozilla.org/fr/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

call()

La méthode call() réalise un appel à une fonction avec une valeur this donnée et des arguments fournis individuellement.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Function/call

Date.now()

La méthode Date.now() renvoie le nombre de millisecondes écoulées depuis le 1er Janvier 1970 00:00:00 UTC.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Date/now

document.createElement

Crée un élément du type spécifié. <source lang="javascript">const element = document.createElement(tagName[, options]);</source>

https://developer.mozilla.org/fr/docs/Web/API/Document/createElement

document.createElementNS()

Crée un élément avec l'URI de l'espace de nom spécifié et un nom qualifié. <source lang="javascript">var element = document.createElementNS(namespaceURI, qualifiedName[, options]);</source>

https://developer.mozilla.org/fr/docs/Web/API/Document/createElementNS

document.getElementById

Renvoie une référence de l'élément correspondant à l'ID ; l'ID est une chaîne de caractères utilisée pour identifier de manière unique l'élément, il est trouvé dans l'attribut HTML id.

<source lang="javascript">var element = document.getElementById(id);</source>

Valeur de retour : est une référence à un objet Element, ou null si aucun élément avec l'ID spécifié n'existe dans le document.

https://developer.mozilla.org/fr/docs/Web/API/Document/getElementById

DOMHighResTimeStamp

Le type DOMHighResTimeStamp est un double et est utilisé pour stocker une valeur temporelle. La valeur peut être un ponctuelle dans le temps ou la différence de temps entre points dans le temps. L'unité est exprimée en millisecondes et doit être précise à 5 µs (microsecondes). Cependant, si le navigateur est incapable de fournir une valeur temporelle précise à 5 microsecondes (due, par exemple, à des contraintes matérielles ou logicielles), il peut représenter la valeur en millisecondes avec une précision de l'ordre de la milliseconde.

https://developer.mozilla.org/fr/docs/Web/API/DOMHighResTimeStamp

element.appendChild

Ajoute un nœud à la fin de la liste des enfants d'un nœud parent spécifié. Si le nœud existe déjà, il est retiré de son nœud parent actuel et ajouté au nouveau nœud parent. L'appel de la méthode renvoie le nœud ajouté, ce qui offre la possibilité de faire du chaînage.

https://developer.mozilla.org/fr/docs/Web/API/Node/appendChild Note : Renderer est un objet dont la propriété .domElement représente le canvas qui dera ajouté comme noeud enfant dans body de la page. Ce qui donne :

<source lang="javascript">document.body.appendChild(renderer.domElement );</source>

element.addEventListener

addEventListener permet l'assignation de gestionnaires d'évènements sur un élément cible. La cible d'un évènement peut être un nœud dans un document, le document lui-même, un élément window ou un objet XMLHttpRequest. Syntaxe <source lang="javascript">element.addEventListener(type, listener, useCapture);</source>

• type : une chaîne représentant le type d'évènement à enregistrer. https://developer.mozilla.org/en-US/docs/Web/Events
  • resize : La vue du document a été redimensionnée.
  • keydown : Une touche quelconque est appuyée.
• listener :l'objet qui recevra une notification lorsqu'un évènement du type spécifié se produit. Il doit s'agir d'un objet implémentant l'interface EventListener interface, ou simplement une fonction JavaScript.
• useCapture : si défini à true, useCapture indique que l'utilisateur désire initier la capture. Après avoir initié la capture, tous les évènements du type spécifié seront dispatchés vers l'EventListener avant d'être envoyés à toute cible (EventTarget) plus bas dans l'arbre. Les évènements qui se propagent vers le haut dans l'arbre (bubbling) ne déclencheront pas un EventListener désigné pour utiliser la capture. Consultez DOM Level 3 Events pour une explication détaillée.

https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener

element.className

Cet attribut définit/obtient l'attribut class de l'élément spécifié. <source lang="javascript"> var classe = elementDeReference.className;

 elementDeReference.className = classe;</source>

Classe est une variable de type String (chaîne de caractères) représentant la classe (ou les classes séparées par des espaces) de l'élément courant.

https://developer.mozilla.org/fr/docs/Web/API/Element/className

element.setAttribute()

Ajoute un nouvel attribut ou change la valeur d'un attribut existant pour l'élément spécifié. Si l'attribut existe déjà, la valeur est mise à jour ; sinon, un nouvel attribut est ajouté avec le nom et la valeur spécifiés.

Pour obtenir la valeur actuelle d'un attribut, utilisez getAttribute() ; pour supprimer un attribut, appelez removeAttribute(). <source lang="javascript"> Element.setAttribute(name, value);</source>

https://developer.mozilla.org/fr/docs/Web/API/Element/setAttribute

Event.clientX

La propriété clientX en lecture seule de l'interface MouseEvent fournit les coordonnées horizontales dans l'espace client de l'application où l'événement s'est produit (par opposition aux coordonnées dans la page). Par exemple, en cliquant dans le coin supérieur gauche de l'espace client, vous obtiendrez toujours un événement souris avec une valeur clientX de 0, que la page soit déplacée horizontalement ou non. <source lang="javascript"> var x = instanceOfMouseEvent.clientX</source>

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientX

Event.clientY

La propriété clientY en lecture seule de l'interface MouseEvent fournit les coordonnéesverticales dans l'espace client de l'application où l'événement s'est produit (par opposition aux coordonnées dans la page). Par exemple, en cliquant dans le coin supérieur gauche de l'espace client, vous obtiendrez toujours un événement souris avec une valeur clientY de 0, que la page soit déplacée verticalement ou non. <source lang="javascript"> var y = instanceOfMouseEvent.clientY</source>

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientY

Event.target

C'est une référence à l'objet qui a envoyé l'événement. <source lang="javascript"> laCible = event.target</source>

https://developer.mozilla.org/fr/docs/Web/API/Event/target

Float32Array

Le tableau typé Float32Array représente un tableau de nombres flottants représentés sur 32 bits (ce qui correspond au type C float), l'ordre des octets utilisés étant celui de la plate-forme. Si le contrôle de l'ordre des octets est nécessaire, utilisez DataView à la place. Les éléments du tableau sont initialisés à 0. Une fois établi, vous pouvez référencer des éléments dans le tableau en utilisant les méthodes de l'objet, ou en utilisant la syntaxe d'index de tableau standard (c'est-à-dire, en utilisant la notation par crochets). <source lang="javascript">

new Float32Array();  //new in ES2017
new Float32Array(length);
new Float32Array(typedArray);
new Float32Array(object);
new Float32Array(buffer [, byteOffset [, length]]);

</source>

ImageBitmap

L'interface ImageBitmap représente une image bitmap qui peut être dessinée dans un <canvas> sans latence indue. Il peut être créé à partir d'une variété d'objets sources en utilisant la méthode createImageBitmap(). ImageBitmap fournit un chemin asynchrone et efficace pour préparer les textures pour le rendu dans WebGL.

https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap

instanceof

L'opérateur instanceof permet de tester si un objet possède, dans sa chaîne de prototype, la propriété prototype d'un certain constructeur. exemple <source lang="javascript"> console.log(auto instanceof Car);</source>

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/instanceof

JSON

L’objet JSON contient des méthodes pour interpréter du JSON (JavaScript Object Notation) (voir également la page du glossaire JSON) et convertir des valeurs en JSON. Il ne peut être appelé ou construit, et, en dehors de ses deux méthodes, n’a pas de fonctionnalité propre.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/JSON

length

La propriété arguments.length contient le nombre d'arguments passés à la fonction.

<source lang="javascript"> arguments.length</source>

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Fonctions/arguments/length

Math.cos()

La fonction Math.cos() retourne le cosinus d'un angle dont la valeur est exprimée en radians.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/cos

Math.PI

La propriété Math.PI représente le ratio entre le périmètre d'un cercle et son diamètre. Elle vaut environ 3.14159

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/PI

Math.random()

La fonction Math.random() renvoie un nombre flottant pseudo-aléatoire compris dans l'intervalle [0, 1[ (ce qui signifie que 0 est compris dans l'intervalle mais que 1 en est exclu). Ce nombre peut ensuite être multiplié afin de couvrir un autre intervalle.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/random

Math.sin()

La fonction Math.sin() renvoie le sinus d'un nombre.

Paramètre :Un nombre (qui exprime un angle en radians de 0 à 2PI).

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/sin

node.cloneNode()

Renvoie une copie du nœud courant. <source lang="javascript"> var dupNode =element.cloneNode(profond);</source>

• profond est une valeur booléenne obligatoire, elle indique si la copie doit se faire en profondeur ou non (copie des noeuds enfants ou non).

https://developer.mozilla.org/fr/docs/Web/API/Node/cloneNode

node.parentElement

Node.parentElement est une propriété en lecture seule, qui référence l'élément (Element) parent du nœud (Node) courant ou null si ce dernier n'a pas de parent ou si le parent n'est pas un élément du DOM. <source lang="javascript"> var parentElement = node.parentElement</source>

https://developer.mozilla.org/fr/docs/Web/API/Node/parentElement

Object

Le constructeur Object crée une enveloppe (wrapper) pour représenter un objet.

Le constructeur Object permet de créer un objet autour d'une valeur donnée. Si la valeur est null ou undefined, un objet vide sera créé et renvoyé.

Sinon, un objet du type correspondant sera renvoyé, si la valeur est déjà un objet, le constructeur renverra cette valeur.

Object.defineProperty()

La méthode Object.defineProperty() permet de définir une nouvelle propriété ou de modifier une propriété existante, directement sur un objet. La méthode renvoie l'objet modifié.

<source lang="javascript"> Object.defineProperty(obj, prop, descripteur)</source>

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object/defineProperty

Object.create()

Crée un nouvel objet avec un prototype donnée et des propriétés données.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object

opérateur conditionnel

C'est le seul opérateur JavaScript qui comporte trois opérandes. Cet opérateur est fréquemment utilisé comme raccourci pour la déclaration de l'instructions/if...else.

• Exemple

<source lang="javascript"> int x = (a==1) ? 1 : 0;</source>

si la condition (a==1) est vraie, x sera égal à 1 sinon il sera égal à 0.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/L_op%C3%A9rateur_conditionnel

ParentNode.children

Nœud.children est une propriété en lecture seule que renvoie une HTMLCollection directe des éléments enfants du Nœud.

<source lang="javascript"> var enfants = nœud.children;</source>

• enfants est une HTMLCollection, qui est la collection ordonnée des éléments DOM qui sont enfants du nœud . S'il n'y a pas d'éléments enfants, alors enfants ne contient aucun élément et a une length de 0.

https://developer.mozilla.org/fr/docs/Web/API/ParentNode/children

Performance.now()

La méthode Performance.now() retourne un DOMHighResTimeStamp, mesuré en millisecondes, avec une précision de 5 millième de milliseconde (5 microsecondes).

https://developer.mozilla.org/fr/docs/Web/API/Performance/now

push()

La méthode push() ajoute un ou plusieurs éléments à la fin d'un tableau et retourne la nouvelle taille du tableau.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/push

String.prototype.split()

La méthode split() permet de diviser une chaîne de caractères à partir d'un séparateur pour fournir un tableau de sous-chaînes.

<source lang="javascript"> str.split([séparateur[, qtéMax]])</source>

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/String/split

style

L'attribut universel style contient des déclarations CSS afin de mettre en forme l'élément. Attention, il est recommandé de définir les règles de mise en forme dans un ou plusieurs fichiers séparés. Cet attribut, ainsi que l'élément <style> ont simplement pour but de permettre une mise en forme rapide, notamment pour tester.

https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/style

this

https://www.sitepoint.com/what-is-this-in-javascript/

TypedArray

Un objet TypedArray décrit une vue organisée à la façon d'un tableau pour manipuler un tampon (buffer) de données binaires. TypedArray n'est pas une propriété globale, il n'existe pas non plus de constructeur TypedArray. En revanche, plusieurs propriétés globales existent et leurs valeurs permettent de construire des tableaux typés (typed arrays) avec différents types de données.

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray

WebGLRenderingContext.drawElements()

Methode de l'API WebGL qui rend les primitives à partir des données d'un tableau.

<source lang="javascript"> void gl.drawElements(mode, count, type, offset); </source>

type :

• gl.POINTS : dessine un seul point.
• gl.LINE_STRIP: trace une ligne droite jusqu'au sommet suivant.
• gl.LINE_LOOP: trace une ligne droite jusqu'au sommet suivant, et relie le dernier sommet au premier.
• gl.LINES : trace une ligne entre deux sommets.

Note : Il existe plusieurs autres types, voir le lien ci-dessous.

https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/drawElements

window.devicePixelRatio

La propriété en lecture seule Window.devicePixelRatio retourne le rapport entre la taille (verticale) d'un pixel physique sur le périphérique d'affichage et la taille d'un pixel indépendant du matériel (abrégé en anglais "dips"). <source lang="javascript">valeur = window.devicePixelRatio;</source>

https://developer.mozilla.org/fr/docs/Web/API/Window/devicePixelRatio

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

window.innerWidth

window.innerWidth récupère la largeur du contenu visible de la fenêtre de navigation en incluant, s'il est visible, l'ascenseur vertical. Permet également de fixer une largeur pour le domaine d'affichage de la fenêtre.

<source lang='javascript'> var largeur = window.innerWidth; </source> https://developer.mozilla.org/fr/docs/Web/API/Window/innerWidth

window.innerHeigh

window.innerHeigh récupère la hauteur (en pixels) de la partie visible de la fenêtre de navigation en incluant, si elle est affichée, la barre de défilement horizontale. <source lang='javascript'> var largeur = window.innerHeigh; </source> https://developer.mozilla.org/fr/docs/Web/API/Window/innerHeight

window.requestAnimationFrame()

La méthode window.requestAnimationFrame() notifie le navigateur que vous souhaitez exécuter une animation et demande que celui-ci exécute une fonction spécifique de mise à jour de l'animation, avant le prochain rafraîchissement du navigateur. Cette méthode prend comme argument un callback qui sera appelé avant le rafraîchissement du navigateur. <source lang="javascript">var requestID = window.requestAnimationFrame(callback);</source> En passant requestID en paramètre de la méthode window.cancelAnimationFrame(), vous annulez l'appel du callback.

https://developer.mozilla.org/fr/docs/Web/API/window/requestAnimationFrame

XMLHttpRequest

XMLHttpRequest (souvent abrégé XHR) est un objet du navigateur accessible en JavaScript qui permet d'obtenir des données au format XML, JSON, mais aussi HTML, ou même un simple texte à l'aide de requêtes HTTP.

https://fr.wikipedia.org/wiki/XMLHttpRequest

https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest