Nombres globales de jComponent 20

jComponent 20 · jcomponent@20 referenceglobals Ejecutada con Total.js 5

jComponent 20 expone funciones y objetos globales para el estado, componentes, solicitudes y utilidades de navegador. El paquete también incluye jQuery.

Nombre	Tipo	Qué hace	Receta
`$`	function	jQuery.	getting-started
`$totaluidate`	function	Interno: la hora menos 12 a partir del mediodía (`$totaluidate(13)` es `1`, `$totaluidate(5)` sigue siendo `5`).	data-helpers
`$W`	object	El objeto jQuery de la ventana.	dom-helpers
`ADAPT`	function	Sustituye los marcadores (`~PATH~`, `~ID~`, `CLASS`) y traduce el texto de un componente.	find-and-call
`AJAX`	function	`AJAX('METHOD /url/', data, callback)` hace una petición al servidor.	ajax
`API`	function	Llama a un endpoint `ROUTE('API ...')` de Total.js con el nombre de un esquema y datos.	api-calls
`APPEARANCE`	function	Establece el color, el modo oscuro y las variables CSS de la página.	dom-helpers
`ASETTER`	function	Devuelve una función que llama a `SETTER()` más tarde.	find-and-call
`ATTRD`	function	Lee un atributo `data-` de un elemento o de un evento.	dom-helpers
`BLOCKED`	function	Devuelve false la primera vez y true durante un tiempo: una protección contra acciones repetidas.	state-shortcuts
`CACHE`	function	Guarda un valor en el navegador durante un tiempo.	storage-cache-pref-cookies
`CACHEPATH`	function	Guarda una ruta del estado en la caché y la restaura.	state-shortcuts
`CL`	function	Carga las listas de códigos registradas con `CLINIT()` que aún no están cargadas.	data-helpers
`clearTimeout2`	function	Cancela un temporizador de `setTimeout2()`.	state-shortcuts
`CLINIT`	function	Registra una lista de códigos y la función que la carga.	data-helpers
`CLONE`	function	Copia profunda de un valor, fechas incluidas.	state-shortcuts
`CLRELOAD`	function	Vuelve a cargar listas de códigos.	data-helpers
`CMD`	function	Ejecuta un comando de un componente. Usa el `CMD` de una instancia o `EXEC`.	commands
`COMPILE`	function	La misma función que `NOOP` en jComponent 20.	find-and-call
`COMPONENT`	function	Declara un componente.	custom-component
`COMPONENTS`	function	Los componentes listos bajo una ruta.	find-and-call
`CONFIG`	function	Cambia la configuración de los componentes encontrados por un selector.	component-config
`COOKIES`	object	Lee, escribe y elimina cookies.	storage-cache-pref-cookies
`COPY`	function	Copia las propiedades de un objeto en otro, en profundidad.	state-shortcuts
`DAYS`	object	Los nombres de los días de la semana en inglés, desde el domingo.	data-helpers
`DECRYPT`	function	Lee un valor creado con `ENCRYPT()` con la misma clave y tipo.	data-helpers
`DEF`	object	Valores por defecto de jComponent. `DEF.fallback` es la dirección desde la que se descargan los componentes que no están cargados.
`DIFFDOM`	function	Hace que los hijos de un elemento sean iguales a una lista nueva sin redibujar los que permanecen.	dom-helpers
`EMIT`	function	Emite un evento global.	events
`EMPTYARRAY`	object	Un array vacío congelado.	data-helpers
`EMPTYOBJECT`	object	Un objeto vacío congelado.	data-helpers
`ENCRYPT`	function	Convierte un valor en texto hexadecimal con una comprobación de la clave (ofuscación, no seguridad).	data-helpers
`ENV`	function	Registra o lee un valor de la página, usado en URLs como `[name]`.	environment-variables
`ENVIRONMENT`	function	Establece el nombre de la aplicación para el almacenamiento, la versión y el idioma.	dom-helpers
`ERROR`	function	Helper para manejar los errores de validación de una respuesta de `API()`.	api-calls
`ERRORS`	function	Devuelve los componentes inválidos bajo un path.	validation
`EXE`	function	Llama a un método de un plugin, a una función global o a una función del estado (igual que `EXEC()`).	find-and-call
`EXEC`	function	Llama al método de un plugin (`EXEC('plugin/method')`) o a una función global.	commands
`EXTENSION`	function	Añade código a cada instancia de un componente o plugin.	extensions
`FIND`	function	Encuentra un componente listo por nombre, ruta o id.	find-and-call
`FLAGS`	function	Ejecuta flags personalizados de una ruta y su callback.	custom-flags
`FN`	function	Compila una expresión en una función y la recuerda.	data-helpers
`FREE`	function	Ejecuta de inmediato la limpieza de los componentes eliminados.	component-lifecycle
`FUNC`	object	Un objeto para funciones que `EXE('FUNC.name')` puede llamar.	find-and-call
`GET`	function	Lee un valor de un path del estado.	state-api
`GUID`	function	Devuelve un id aleatorio.	utilities
`HASH`	function	Devuelve un hash numérico.	utilities
`HIDDEN`	function	Verdadero cuando un elemento no se muestra.	dom-helpers
`IMPORT`	function	Carga una parte HTML, un script o un estilo desde una URL.	ui-import
`INC`	function	Suma 1 (o el número dado) al número de una ruta.	state-shortcuts
`inDOM`	function	Verdadero mientras un elemento está en el documento.	dom-helpers
`isIE`	boolean	Verdadero en Internet Explorer.	dom-helpers
`isMOBILE`	boolean	Verdadero en un dispositivo móvil.	dom-helpers
`isPRIVATEMODE`	boolean	Verdadero en una ventana privada.	dom-helpers
`isROBOT`	boolean	Verdadero para un robot de buscador.	dom-helpers
`isSTANDALONE`	boolean	Verdadero cuando la página se ejecuta como aplicación instalada.	dom-helpers
`isTOUCH`	boolean	Verdadero en un dispositivo con pantalla táctil.	dom-helpers
`jComponent`	object	El motor de jComponent: `M.components`, `M.version`...	find-and-call
`jQuery`	function	jQuery, incluido en el mismo archivo.	getting-started
`LOCALIZE`	function	Carga un diccionario en el formato de los archivos de recursos de Total.js.	data-helpers
`M`	object	El motor de jComponent (el mismo objeto que `jComponent`, `Total` y `MAIN`).	find-and-call
`MAIN`	object	El motor de jComponent (el mismo objeto que `jComponent`, `Total` y `M`).	find-and-call
`MIDDLEWARE`	function	Registra una función que se ejecuta antes de una ruta, o ejecuta una lista de ellas en orden.	find-and-call
`MONTHS`	object	Los nombres de los meses en inglés.	data-helpers
`NAV`	object	La ubicación actual: `url`, `query`, `params`, y `back()`/`forward()`.	spa-routing
`NEWUIBIND`	function	Crea un `ui-bind` sobre un elemento desde el código.	find-and-call
`NODEINDEXOF`	function	La posición de un elemento entre sus hermanos.	dom-helpers
`NODEINSERT`	function	Mueve un elemento después o antes de otro.	dom-helpers
`NODEMOVE`	function	Mueve un elemento un lugar hacia abajo o hacia arriba dentro de su padre.	dom-helpers
`NOOP`	function	Una función que no hace nada.	state-shortcuts
`NOTFOCUSED`	function	Verdadero cuando la pestaña del navegador está en segundo plano.	dom-helpers
`NOW`	object	Un `Date` que jComponent mantiene actualizado.	data-helpers
`NUL`	function	Pone a `null` el valor de una ruta (igual que `NULL`).	state-shortcuts
`NULL`	function	Pone a `null` el valor de una ruta.	state-shortcuts
`OFF`	function	Elimina oyentes de un evento global.	events
`ON`	function	Registra un oyente para un evento global.	events
`PARSE`	function	Analiza JSON y convierte las cadenas de fecha en fechas.	utilities
`PIPE`	function	`API()` a la dirección de `DEF.pipe`.	find-and-call
`PLUGIN`	function	Declara un plugin.	plugin
`PLUGINS`	object	Los plugins de la página según su ruta.	find-and-call
`PREF`	object	Preferencias del usuario guardadas en el navegador.	storage-cache-pref-cookies
`PUSH`	function	Añade un valor a un array del estado y notifica.	state-api
`QUERIFY`	function	Crea una cadena de consulta a partir de un objeto, también después de una dirección o un método.	data-helpers
`REDIRECT`	function	Cambia la dirección sin cargar la página y ejecuta la ruta que coincide.	spa-routing
`REPO`	object	Un objeto tuyo para compartir datos entre componentes.	find-and-call
`RESET`	function	Borra los estados touched y modified bajo un path.	validation
`ROUTE`	function	Registra una ruta del lado del cliente.	spa-routing
`SCROLLBAR`	function	Envuelve un elemento con una barra de desplazamiento personalizada.	dom-helpers
`SCROLLBARWIDTH`	function	El ancho que ocupa una barra de desplazamiento.	dom-helpers
`SEEX`	function	Llama a una función por su nombre o asigna una ruta.	find-and-call
`SET`	function	Escribe un valor en un path del estado y notifica a todo lo que está enlazado a él.	state-api
`SETTER`	function	Llama a un método de cada componente con un nombre, ruta o id.	find-and-call
`setTimeout2`	function	Un `setTimeout()` con debounce, con un id y un límite opcional de reinicios.	state-shortcuts
`STRINGIFY`	function	`JSON.stringify()` que puede comprimir valores vacíos y elegir los campos.	data-helpers
`STYLE`	function	Añade un estilo al head; el mismo id lo reemplaza.	dom-helpers
`Ta`	object	El mismo objeto que `Tangular`, el motor de plantillas.	data-helpers
`Tangular`	object	El motor de plantillas.	ui-bind-templates
`TAPI`	function	`API()` a la dirección de `DEF.api`.	find-and-call
`TEMP`	object	Un objeto para datos temporales.	find-and-call
`Thelpers`	object	Los helpers de las plantillas (`Tangular.helpers`): añade uno con `Thelpers.name = fn`.	data-helpers
`TOGGLE`	function	Cambia el booleano de una ruta.	state-shortcuts
`Total`	object	El motor de jComponent (el mismo objeto que `jComponent`).	find-and-call
`TRANSLATE`	function	Sustituye cada `@(text)` por su traducción.	data-helpers
`UNAUTHORIZED`	function	Verdadero cuando `window.user` no tiene ninguno de los permisos dados.	data-helpers
`UNWATCH`	function	Quita los observadores de una ruta creados con `WATCH()`.	state-shortcuts
`UPD`	function	Notifica un path después de que cambiaste el objeto en su lugar.	state-api
`UPDATE`	function	Notifica a los componentes y a los observadores de una ruta sin cambiarla (alias `UPD`).	state-shortcuts
`UPLOAD`	function	Envía un `FormData` a una ruta con progreso.	upload
`VISIBLE`	function	Verdadero cuando un elemento está en la parte visible de la ventana.	dom-helpers
`W`	object	La `window`.	find-and-call
`WAIT`	function	Ejecuta una función cuando otra devuelve true o una ruta tiene valor; comprueba cada 500 ms.	state-shortcuts
`WARN`	function	Escribe en `console.warn`.	state-shortcuts
`WATCH`	function	Ejecuta una función cada vez que cambia un path.	state-api
`WH`	number	La altura de la ventana.	dom-helpers
`WIDTH`	function	La clase de tamaño del ancho de un elemento o de la ventana: xs, sm, md o lg.	dom-helpers
`WW`	number	El ancho de la ventana.	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>