Noms mondiaux de jComponent 20

jComponent 20 · jcomponent@20 referenceglobals Exécutée avec Total.js 5

jComponent 20 expose des fonctions et des objets mondiaux pour l'état, les composants, les requêtes et les utilités du navigateur. Le paquet comprend également jQuery.

Nom	Genre	Ce que ça fait	Recette
`$`	function	jQuery.	getting-started
`$totaluidate`	function	Interne : l'heure moins 12 à partir de midi (`$totaluidate(13)` vaut `1`, `$totaluidate(5)` reste `5`).	data-helpers
`$W`	object	L'objet jQuery de la fenêtre.	dom-helpers
`ADAPT`	function	Remplace les marqueurs (`~PATH~`, `~ID~`, `CLASS`) et traduit le texte d'un composant.	find-and-call
`AJAX`	function	`AJAX('METHOD /url/', data, callback)` envoie une requête au serveur.	ajax
`API`	function	Appelle un point d'accès `ROUTE('API ...')` de Total.js avec un nom de schéma et des données.	api-calls
`APPEARANCE`	function	Définit la couleur, le mode sombre et les variables CSS de la page.	dom-helpers
`ASETTER`	function	Renvoie une fonction qui appelle `SETTER()` plus tard.	find-and-call
`ATTRD`	function	Lit un attribut `data-` d'un élément ou d'un événement.	dom-helpers
`BLOCKED`	function	Renvoie false la première fois puis true pendant un temps : une protection contre les actions répétées.	state-shortcuts
`CACHE`	function	Stocke une valeur dans le navigateur pendant un certain temps.	storage-cache-pref-cookies
`CACHEPATH`	function	Garde un chemin de l'état dans le cache et le restaure.	state-shortcuts
`CL`	function	Charge les listes de codes enregistrées avec `CLINIT()` qui ne sont pas encore chargées.	data-helpers
`clearTimeout2`	function	Annule un minuteur de `setTimeout2()`.	state-shortcuts
`CLINIT`	function	Enregistre une liste de codes et la fonction qui la charge.	data-helpers
`CLONE`	function	Copie profonde d'une valeur, dates comprises.	state-shortcuts
`CLRELOAD`	function	Recharge des listes de codes.	data-helpers
`CMD`	function	Exécute une commande d’un composant. Utilisez le `CMD` d’une instance ou `EXEC`.	commands
`COMPILE`	function	La même fonction que `NOOP` dans jComponent 20.	find-and-call
`COMPONENT`	function	Déclare un composant.	custom-component
`COMPONENTS`	function	Les composants prêts sous un chemin.	find-and-call
`CONFIG`	function	Modifie la configuration des composants trouvés par un sélecteur.	component-config
`COOKIES`	object	Lit, écrit et supprime des cookies.	storage-cache-pref-cookies
`COPY`	function	Copie en profondeur les propriétés d'un objet dans un autre.	state-shortcuts
`DAYS`	object	Les noms des jours de la semaine en anglais, à partir du dimanche.	data-helpers
`DECRYPT`	function	Lit une valeur créée avec `ENCRYPT()` avec la même clé et le même type.	data-helpers
`DEF`	object	Valeurs par défaut de jComponent. `DEF.fallback` est l'adresse depuis laquelle les composants non chargés sont téléchargés.
`DIFFDOM`	function	Rend les enfants d'un élément identiques à une nouvelle liste sans redessiner ceux qui restent.	dom-helpers
`EMIT`	function	Émet un événement global.	events
`EMPTYARRAY`	object	Un tableau vide gelé.	data-helpers
`EMPTYOBJECT`	object	Un objet vide gelé.	data-helpers
`ENCRYPT`	function	Transforme une valeur en texte hexadécimal avec une vérification de la clé (obfuscation, pas de la sécurité).	data-helpers
`ENV`	function	Enregistre ou lit une valeur de la page, utilisée dans les URL sous la forme `[name]`.	environment-variables
`ENVIRONMENT`	function	Définit le nom de l'application pour le stockage, la version et la langue.	dom-helpers
`ERROR`	function	Utilitaire pour gérer les erreurs de validation d'une réponse d'`API()`.	api-calls
`ERRORS`	function	Renvoie les composants invalides sous un chemin.	validation
`EXE`	function	Appelle une méthode de plugin, une fonction globale ou une fonction de l'état (comme `EXEC()`).	find-and-call
`EXEC`	function	Appelle la méthode d'un plugin (`EXEC('plugin/method')`) ou une fonction globale.	commands
`EXTENSION`	function	Ajoute du code à chaque instance d'un composant ou d'un plugin.	extensions
`FIND`	function	Trouve un composant prêt par nom, chemin ou identifiant.	find-and-call
`FLAGS`	function	Exécute les flags personnalisés du chemin et un callback.	custom-flags
`FN`	function	Compile une expression en fonction et la mémorise.	data-helpers
`FREE`	function	Exécute immédiatement le nettoyage des composants supprimés.	component-lifecycle
`FUNC`	object	Un objet pour des fonctions que `EXE('FUNC.name')` peut appeler.	find-and-call
`GET`	function	Lit une valeur d'un chemin de l'état.	state-api
`GUID`	function	Renvoie un identifiant aléatoire.	utilities
`HASH`	function	Renvoie un hachage numérique.	utilities
`HIDDEN`	function	Vrai quand un élément n'est pas affiché.	dom-helpers
`IMPORT`	function	Charge une partie HTML, un script ou un style depuis une URL.	ui-import
`INC`	function	Ajoute 1 (ou le nombre donné) au nombre d'un chemin.	state-shortcuts
`inDOM`	function	Vrai tant qu'un élément est dans le document.	dom-helpers
`isIE`	boolean	Vrai dans Internet Explorer.	dom-helpers
`isMOBILE`	boolean	Vrai sur un appareil mobile.	dom-helpers
`isPRIVATEMODE`	boolean	Vrai dans une fenêtre privée.	dom-helpers
`isROBOT`	boolean	Vrai pour un robot de moteur de recherche.	dom-helpers
`isSTANDALONE`	boolean	Vrai quand la page s'exécute comme application installée.	dom-helpers
`isTOUCH`	boolean	Vrai sur un appareil tactile.	dom-helpers
`jComponent`	object	Le moteur de jComponent : `M.components`, `M.version`...	find-and-call
`jQuery`	function	jQuery, intégré dans le même fichier.	getting-started
`LOCALIZE`	function	Charge un dictionnaire au format des fichiers de ressources de Total.js.	data-helpers
`M`	object	Le moteur de jComponent (le même objet que `jComponent`, `Total` et `MAIN`).	find-and-call
`MAIN`	object	Le moteur de jComponent (le même objet que `jComponent`, `Total` et `M`).	find-and-call
`MIDDLEWARE`	function	Enregistre une fonction exécutée avant une route, ou exécute une liste de telles fonctions dans l'ordre.	find-and-call
`MONTHS`	object	Les noms des mois en anglais.	data-helpers
`NAV`	object	L'emplacement actuel : `url`, `query`, `params` et `back()`/`forward()`.	spa-routing
`NEWUIBIND`	function	Crée un `ui-bind` sur un élément depuis le code.	find-and-call
`NODEINDEXOF`	function	La position d'un élément parmi ses frères.	dom-helpers
`NODEINSERT`	function	Déplace un élément après ou avant un autre.	dom-helpers
`NODEMOVE`	function	Déplace un élément d'une place vers le bas ou vers le haut dans son parent.	dom-helpers
`NOOP`	function	Une fonction qui ne fait rien.	state-shortcuts
`NOTFOCUSED`	function	Vrai quand l'onglet du navigateur est en arrière-plan.	dom-helpers
`NOW`	object	Un `Date` que jComponent tient à jour.	data-helpers
`NUL`	function	Met la valeur d'un chemin à `null` (comme `NULL`).	state-shortcuts
`NULL`	function	Met la valeur d'un chemin à `null`.	state-shortcuts
`OFF`	function	Supprime des écouteurs d'un événement global.	events
`ON`	function	Enregistre un écouteur pour un événement global.	events
`PARSE`	function	Analyse du JSON et transforme les chaînes de date en dates.	utilities
`PIPE`	function	`API()` vers l'adresse de `DEF.pipe`.	find-and-call
`PLUGIN`	function	Déclare un plugin.	plugin
`PLUGINS`	object	Les plugins de la page selon leur chemin.	find-and-call
`PREF`	object	Préférences de l'utilisateur enregistrées dans le navigateur.	storage-cache-pref-cookies
`PUSH`	function	Ajoute une valeur à un tableau de l'état et notifie.	state-api
`QUERIFY`	function	Construit une chaîne de requête à partir d'un objet, y compris après une adresse ou une méthode.	data-helpers
`REDIRECT`	function	Change l'adresse sans charger la page et exécute la route correspondante.	spa-routing
`REPO`	object	Un objet à vous pour partager des données entre composants.	find-and-call
`RESET`	function	Efface les états touched et modified sous un chemin.	validation
`ROUTE`	function	Enregistre une route côté client.	spa-routing
`SCROLLBAR`	function	Enveloppe un élément d'une barre de défilement personnalisée.	dom-helpers
`SCROLLBARWIDTH`	function	La largeur qu'occupe une barre de défilement.	dom-helpers
`SEEX`	function	Appelle une fonction par son nom ou définit un chemin.	find-and-call
`SET`	function	Écrit une valeur à un chemin de l'état et notifie tout ce qui y est lié.	state-api
`SETTER`	function	Appelle une méthode de chaque composant ayant un nom, un chemin ou un identifiant.	find-and-call
`setTimeout2`	function	Un `setTimeout()` avec anti-rebond, avec un identifiant et une limite facultative de redémarrages.	state-shortcuts
`STRINGIFY`	function	`JSON.stringify()` qui peut compresser les valeurs vides et choisir les champs.	data-helpers
`STYLE`	function	Ajoute un style au head ; le même identifiant le remplace.	dom-helpers
`Ta`	object	Le même objet que `Tangular`, le moteur de templates.	data-helpers
`Tangular`	object	Le moteur de modèles.	ui-bind-templates
`TAPI`	function	`API()` vers l'adresse de `DEF.api`.	find-and-call
`TEMP`	object	Un objet pour des données temporaires.	find-and-call
`Thelpers`	object	Les helpers des templates (`Tangular.helpers`) : ajoutez-en un avec `Thelpers.name = fn`.	data-helpers
`TOGGLE`	function	Change le booléen d'un chemin.	state-shortcuts
`Total`	object	Le moteur de jComponent (le même objet que `jComponent`).	find-and-call
`TRANSLATE`	function	Remplace chaque `@(text)` par sa traduction.	data-helpers
`UNAUTHORIZED`	function	Vrai quand `window.user` n'a aucune des permissions données.	data-helpers
`UNWATCH`	function	Supprime les observateurs d'un chemin créés avec `WATCH()`.	state-shortcuts
`UPD`	function	Notifie un chemin après que vous avez modifié l'objet sur place.	state-api
`UPDATE`	function	Notifie les composants et les observateurs d'un chemin sans le changer (alias `UPD`).	state-shortcuts
`UPLOAD`	function	Envoie un `FormData` à une route avec progression.	upload
`VISIBLE`	function	Vrai quand un élément est dans la partie visible de la fenêtre.	dom-helpers
`W`	object	La `window`.	find-and-call
`WAIT`	function	Exécute une fonction quand une autre renvoie true ou qu'un chemin a une valeur ; vérifie toutes les 500 ms.	state-shortcuts
`WARN`	function	Écrit dans `console.warn`.	state-shortcuts
`WATCH`	function	Exécute une fonction chaque fois qu'un chemin change.	state-api
`WH`	number	La hauteur de la fenêtre.	dom-helpers
`WIDTH`	function	La classe de taille de la largeur d'un élément ou de la fenêtre : xs, sm, md ou lg.	dom-helpers
`WW`	number	La largeur de la fenêtre.	dom-helpers

public/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>jComponent</title>
	<link rel="stylesheet" href="//cdn.componentator.com/spa.min@20.css" />
	<script src="//cdn.componentator.com/spa.min@20.js"></script>
</head>
<body>
	<p>The test lists the globals of this page.</p>
</body>
</html>