Home-theater-designers
Si desea crear páginas web dinámicas, deberá complementar sus conocimientos de HTML y CSS con una comprensión de JavaScript . Este lenguaje de secuencias de comandos se considera esencial en el desarrollo web moderno.
Puede crear todo tipo de aplicaciones interactivas y sitios web interesantes con JavaScript, pero hay mucho que aprender en el camino. Con eso en mente, hemos creado la siguiente hoja de trucos de JavaScript para usted.
La hoja de trucos puede servir como un repaso rápido de los elementos de JavaScript siempre que lo necesite. Es útil tanto para principiantes como para expertos.
cómo aumentar la memoria ram de video dedicada nvidia
DESCARGA GRATIS: Esta hoja de trucos está disponible como PDF descargable de nuestro socio de distribución, TradePub. Deberá completar un breve formulario para acceder a él solo por primera vez. Descargar La última hoja de trucos de JavaScript .
La última hoja de trucos de JavaScript
| Atajo | Acción |
|---|---|
| Matrices de JavaScript | |
| concat () | Unir varias matrices en una |
| copyWithin () | Copie los elementos de la matriz dentro de la matriz, hacia y desde posiciones especificadas |
| índice de() | Devuelve el valor primitivo del objeto especificado |
| incluye () | Verifique si una matriz contiene el elemento especificado |
| entrar() | Combina elementos de una matriz en una sola cadena y devuelve la cadena |
| entradas () | Devolver un objeto de iteración de matriz de par clave / valor |
| cada() | Compruebe si todos los elementos de una matriz pasan una prueba |
| llenar() | Rellena los elementos de una matriz con un valor estático |
| filtrar() | Cree una nueva matriz con cada elemento de una matriz que pase una prueba |
| encontrar() | Devuelve el valor del primer elemento de una matriz que pasa una prueba |
| para cada() | Llame a una función para cada elemento de la matriz |
| de() | Crea una matriz a partir de un objeto |
| lastIndexOf () | Dar la última posición en la que aparece un elemento dado en una matriz |
| pop() | Eliminar el último elemento de una matriz |
| empujar() | Agrega un nuevo elemento al final |
| marcha atrás() | Ordenar elementos en orden descendente |
| reducir() | Reducir los valores de una matriz a un solo valor (yendo de izquierda a derecha) |
| reduceRight () | Reducir los valores de una matriz a un solo valor (yendo de derecha a izquierda) |
| cambio() | Eliminar el primer elemento de una matriz |
| rodaja() | Extraiga una copia de una parte de una matriz en un nuevo objeto de matriz |
| clasificar() | Ordenar elementos alfabéticamente |
| empalme() | Agregue elementos de una manera y posición específicas |
| unshift () | Agrega un nuevo elemento al principio |
| Métodos booleanos de JavaScript | |
| Encadenar() | Convierta un valor booleano en una cadena y devuelva el resultado |
| valor de() | Devuelve la primera posición en la que aparece un elemento dado en una matriz |
| a la fuente() | Devuelve una cadena que representa el código fuente del objeto. |
| Operadores aritméticos de JavaScript | |
| + | Adición |
| - | Sustracción |
| * | Multiplicación |
| / | División |
| (...) | Operador de agrupación (las operaciones entre corchetes se ejecutan antes que las que están fuera) |
| % | Módulo (resto) |
| ++ | Incrementar números |
| -- | Disminuir números |
| == | Igual a |
| === | Igual valor y igual tipo |
| != | No es igual |
| !== | No igual valor o no igual tipo |
| > | Mas grande que |
| < | Menor que |
| >= | Mayor qué o igual a |
| <= | Menor o igual a |
| ? | Operador ternario |
| Operadores logicos | |
| && | Y lógico |
| || | OR lógico |
| ! | NO lógico |
| Operadores bit a bit | |
| & | Y declaración |
| | | Declaración OR |
| ~ | NO |
| ^ | XOR |
| << | Shift izquierdo |
| >> | Giro a la derecha |
| >>> | Desplazamiento a la derecha de llenado cero |
| Funciones | |
| alerta() | Salida de datos en un cuadro de alerta en la ventana del navegador |
| confirmar() | Abra un cuadro de diálogo sí / no y devuelva verdadero / falso según el clic del usuario |
| console.log () | Escribir información en la consola del navegador (bueno para fines de depuración) |
| document.write () | Escribe directamente en el documento HTML |
| inmediato() | Crear un cuadro de diálogo para la entrada del usuario |
| Funciones globales | |
| decodifica () | Decodificar un identificador uniforme de recursos (URI) creado por encodeURI o similar |
| decodeURIComponent () | Decodificar el URI del componente |
| encodeURI () | Codificar un URI en UTF-8 |
| encodeURIComponent () | Lo mismo pero para los componentes URI |
| eval () | Evaluar el código JavaScript representado como una cadena |
| isFinite () | Determinar si un valor pasado es un número finito |
| isNaN () | Determinar si un valor es un número ilegal |
| Número() | Convertir el valor de un objeto en un número |
| parseFloat () | Analizar una cadena y devolver un número de punto flotante |
| parseInt () | Analizar una cadena y devolver un entero |
| Bucles de JavaScript | |
| por | La forma más común de crear un bucle en JavaScript |
| tiempo | Configurar las condiciones bajo las cuales se ejecuta un bucle |
| hacer mientras | Sin embargo, al igual que el ciclo while, se ejecuta al menos una vez y realiza una comprobación al final para ver si se cumple la condición para ejecutar de nuevo. |
| rotura | Deténgase y salga del ciclo si se cumplen ciertas condiciones |
| Seguir | Omitir partes del ciclo si se cumplen ciertas condiciones |
| Personajes de escape | |
| ' | Una frase |
| ' | Cotización doble |
| \ | Barra invertida |
| Retroceso | |
| F | Alimentación de formulario |
| orte | Nueva línea |
| r | Retorno de carro |
| t | Tabulador horizontal |
| v | Tabulador vertical |
| Métodos de cadena de JavaScript | |
| charAt () | Devuelve un carácter en una posición específica dentro de una cadena |
| charCodeAt() | Dar el Unicode de carácter en esa posición |
| concat () | Concatenar (unir) dos o más cadenas en una |
| fromCharCode () | Devuelve una cadena creada a partir de la secuencia especificada de unidades de código UTF-16 |
| índice de() | Proporcionar la posición de la primera aparición del texto especificado dentro de una cadena. |
| lastIndexOf () | Igual que indexOf () pero con la última aparición, buscando hacia atrás |
| fósforo() | Recuperar las coincidencias de una cadena con un patrón de búsqueda |
| reemplazar() | Busque y reemplace el texto especificado en una cadena |
| buscar() | Ejecute una búsqueda de un texto coincidente y devuelva su posición |
| rodaja() | Extraiga una sección de una cadena y devuélvala como una nueva cadena |
| separar() | Dividir un objeto de cadena en una matriz de cadenas en una posición específica |
| comienza con() | Compruebe si una cadena comienza con caracteres especificados |
| substr () | Similar a slice () pero extrae una subcadena que depende de un número específico de caracteres |
| subcadena () | Similar a slice () pero no puede aceptar índices negativos |
| toLowerCase () | Convertir cadenas a minúsculas |
| toUpperCase () | Convertir cadenas a mayúsculas |
| valor de() | Devuelve el valor primitivo (que no tiene propiedades ni métodos) de un objeto de cadena |
| SINTAXIS DE EXPRESIÓN REGULAR Modificadores de patrones | |
| Y | Evaluar reemplazo |
| I | Realizar una coincidencia que no distinga entre mayúsculas y minúsculas |
| gramo | Realizar un emparejamiento global |
| metro | Realizar coincidencia de múltiples líneas |
| s | Trate las cadenas como una sola línea |
| x | Permitir comentarios y espacios en blanco en el patrón |
| U | Patrón sin codicia |
| Soportes | |
| [abc] | Encuentra cualquiera de los caracteres entre paréntesis |
| [^abc] | Encuentra cualquier carácter que no esté entre paréntesis |
| [0-9] | Encuentra el dígito especificado entre paréntesis |
| [Arizona] | Encuentra cualquier carácter de la A mayúscula a la z minúscula |
| (a | b | c) | Busque cualquiera de las alternativas separadas por | |
| Metacaracteres | |
| . | Encuentra un solo carácter, excepto el salto de línea o el terminador de línea |
| en | Carácter de palabra |
| EN | Carácter que no es una palabra |
| D | Un digito |
| D | Un carácter que no es un dígito |
| s | Carácter de espacio en blanco |
| S | Carácter sin espacios en blanco |
| Encuentra una coincidencia al principio / final de una palabra | |
| B | Encuentra una coincidencia que no esté al principio / al final de una palabra |
| u0000 | Carácter NUL |
| orte | Un personaje de nueva línea |
| F | Carácter de alimentación de formulario |
| r | Carácter de retorno de carro |
| t | Carácter de tabulación |
| v | Carácter de tabulación vertical |
| xxx | Carácter especificado por un número octal xxx |
| xdd | Carácter latino especificado por un número hexadecimal dd |
| udddd | Carácter Unicode especificado por un número hexadecimal dddd |
| Cuantificadores | |
| n + | Coincide con cualquier cadena que contenga al menos una n |
| norte* | Cualquier cadena que contenga cero o más apariciones de n |
| ¿norte? | Cualquier cadena que contenga cero o una apariciones de n |
| n {X} | Cualquier cadena que contenga una secuencia de X n |
| n{X,Y} | Cadenas que contienen una secuencia de X a Y n |
| n {X,} | Coincide con cualquier cadena que contenga una secuencia de al menos X n |
| n $ | Cualquier cadena con n al final |
| ^ n | Cadena con n al principio |
| ? = n | Cualquier cadena seguida de una cadena específica n |
| ?!norte | Cadena que no va seguida de una cadena específica n |
| Propiedades numéricas | |
| VALOR MÁXIMO | Valor numérico máximo representable en JavaScript |
| MIN_VALUE | Valor numérico positivo más pequeño representable en JavaScript |
| Yaya | El valor de No es un número |
| NEGATIVE_INFINITY | Valor infinito negativo |
| POSITIVE_INFINITY | Valor infinito positivo |
| Métodos numéricos | |
| toExponential () | Devuelve una cadena con un número redondeado escrito en notación exponencial |
| toFixed () | Devuelve la cadena de un número con un número específico de decimales |
| toPrecision () | Devuelve la cadena de un número escrito con una longitud especificada |
| Encadenar() | Devuelve un número como una cadena |
| valor de() | Devuelve un número como un número |
| Propiedades matemáticas | |
| Y | Número de Euler |
| LN2 | Logaritmo natural de 2 |
| LN10 | Logaritmo natural de 10 |
| LOG2E | Logaritmo en base 2 de E |
| LOG10E | Logaritmo en base 10 de E |
| Pi | El número PI |
| SQRT1_2 | Raíz cuadrada de 1/2 |
| SQRT2 | Raíz cuadrada de 2 |
| Métodos matemáticos | |
| abs (x) | Devuelve el valor absoluto (positivo) de x |
| acos(x) | Arccoseno de x, en radianes |
| asin (x) | Arcoseno de x, en radianes |
| atan(x) | Arcotangente de x como valor numérico |
| atan2(y,x) | Argente del cociente de sus argumentos |
| techo (x) | Valor de x redondeado al número entero más cercano |
| cos (x) | Coseno de x (x está en radianes) |
| exp (x) | Valor de Ex |
| piso (x) | Valor de x redondeado a su número entero más cercano |
| registro (x) | Logaritmo natural (base E) de x |
| max (x, y, z, ..., n) | Número con el valor más alto |
| min(x,y,z,...,n) | Número con el valor más bajo |
| pow(x,y) | X elevado a y |
| aleatorio() | Número aleatorio entre 0 y 1 |
| redondo (x) | Valor de x redondeado a su número entero más cercano |
| sin(x) | Seno de x (x está en radianes) |
| sqrt (x) | Raíz cuadrada de x |
| tan(x) | Tangente de un ángulo |
| fechas | |
| Fecha() | Crea un nuevo objeto de fecha con la fecha y hora actuales |
| Fecha (2017, 5, 21, 3, 23, 10, 0) | Crea un objeto de fecha personalizado. Los números representan año, mes, día, hora, minutos, segundos, milisegundos. Puede omitir lo que desee, excepto el año y el mes. |
| Fecha (2017-06-23) | Declaración de fecha como una cadena |
| obtener la fecha() | Obtenga el día del mes como un número (1-31) |
| getDay () | Obtenga el día de la semana como un número (0-6) |
| getFullYear () | Obtenga el año como un número de cuatro dígitos (aaaa) |
| getHours () | Obtener la hora (0-23) |
| getMilliseconds () | Obtenga el milisegundo (0-999) |
| getMinutes () | Obtener el minuto (0-59) |
| getMonth () | Obtenga el mes como un número (0-11) |
| getSeconds () | Obtener el segundo (0-59) |
| consigue tiempo() | Obtener el tiempo (milisegundos desde el 1 de enero de 1970) |
| getUTCDate () | Día (fecha) del mes en la fecha especificada según la hora universal (también disponible para día, mes, año completo, horas, minutos, etc.) |
| analizar gramaticalmente | Analizar una representación de cadena de una fecha y devolver el número de milisegundos desde el 1 de enero de 1970 |
| Establece la fecha() | Establecer el día como un número (1-31) |
| setFullYear () | Establecer el año (opcionalmente mes y día) |
| setHours () | Configurar la hora (0-23) |
| setMilliseconds () | Establecer los milisegundos (0-999) |
| setMinutes () | Establecer los minutos (0-59) |
| setMonth () | Configurar el mes (0-11) |
| setSeconds () | Establecer los segundos (0-59) |
| fijar tiempo() | Establecer la hora (milisegundos desde el 1 de enero de 1970) |
| setUTCDate () | Configure el día del mes para una fecha específica de acuerdo con la hora universal (también disponible para día, mes, año completo, horas, minutos, etc.) |
| MODO DOM Propiedades del nodo | |
| atributos | Colección en vivo de todos los atributos registrados en un elemento |
| baseURI | URL base absoluta de un elemento HTML |
| childNodes | Colección de nodos secundarios de un elemento |
| primer hijo | Primer nodo hijo de un elemento |
| último niño | Último nodo hijo de un elemento |
| proximo hermano | Siguiente nodo en el mismo nivel de árbol de nodos |
| nombre del nodo | Nombre de un nodo |
| nodeType | Tipo de nodo |
| nodeValue | Valor de un nodo |
| ownerDocument | Objeto de documento de nivel superior para el nodo actual |
| parentNode | Nodo padre de un elemento |
| anteriorHermano | Nodo inmediatamente anterior al actual |
| contenido del texto | Contenido textual de un nodo y sus descendientes |
| Métodos de nodo | |
| añadir Niño() | Agregue un nuevo nodo secundario a un elemento como último nodo secundario |
| cloneNode () | Clonar elemento HTML |
| compareDocumentPosition() | Compare la posición del documento de dos elementos |
| getFeature () | Devuelve un objeto que implementa las API de una característica específica |
| hasAttributes () | Devuelve verdadero si un elemento tiene algún atributo, de lo contrario devuelve falso |
| hasChildNodes () | Devuelve verdadero si un elemento tiene nodos secundarios, de lo contrario devuelve falso |
| insertBefore () | Insertar un nuevo nodo secundario antes de un nodo secundario existente especificado |
| isDefaultNamespace () | Devuelve verdadero si un espacio de nombres especificadoURI es el predeterminado, de lo contrario, devuelve falso |
| isEqualNode () | Comprueba si dos elementos son iguales |
| isSameNode () | Compruebe si dos elementos son el mismo nodo |
| esta apoyado () | Devuelve verdadero si una característica específica es compatible con el elemento |
| lookupNamespaceURI () | Devuelve el espacio de nombresURI asociado con un nodo dado |
| lookupPrefix () | Devuelve un DOMString que contiene el prefijo para un espacio de nombres dadoURI, si está presente |
| normalizar() | Unir nodos de texto adyacentes y eliminar nodos de texto vacíos en un elemento |
| removeChild () | Eliminar un nodo hijo de un elemento |
| replaceChild () | Reemplazar un nodo hijo en un elemento |
| Métodos de elementos | |
| getAttribute () | Devuelve el valor de atributo especificado de un nodo de elemento |
| getAttributeNS () | Devuelve el valor de cadena del atributo con el espacio de nombres y el nombre especificados |
| getAttributeNode () | Obtener el nodo de atributo especificado |
| getAttributeNodeNS () | Devuelve el nodo de atributo para el atributo con el espacio de nombres y el nombre dados |
| getElementsByTagName () | Proporcionar una colección de todos los elementos secundarios con el nombre de etiqueta especificado. |
| getElementsByTagNameNS () | Devuelve una colección HTML en vivo de elementos con un cierto nombre de etiqueta que pertenece al espacio de nombres dado |
| hasAttribute () | Devuelve verdadero si un elemento tiene algún atributo, de lo contrario devuelve falso |
| hasAttributeNS () | Proporcione un valor verdadero / falso que indique si el elemento actual en un espacio de nombres dado tiene el atributo especificado |
| removeAttribute () | Eliminar un atributo especificado de un elemento |
| removeAttributeNS () | Eliminar el atributo especificado de un elemento dentro de un determinado espacio de nombres |
| removeAttributeNode () | Quitar un nodo de atributo especificado y devolver el nodo eliminado |
| setAttribute () | Establecer o cambiar el atributo especificado a un valor especificado |
| setAttributeNS () | Agregue un nuevo atributo o cambie el valor de un atributo con el espacio de nombres y el nombre dados |
| setAttributeNode () | Establecer o cambiar el nodo de atributo especificado |
| setAttributeNodeNS () | Agregar un nuevo nodo de atributo con espacio de nombres a un elemento |
| Propiedades de la ventana del navegador | |
| cerrado | Verifique si una ventana se ha cerrado o no y devuelva verdadero o falso |
| defaultStatus | Establecer o devolver el texto predeterminado en la barra de estado de una ventana |
| documento | Devuelve el objeto de documento para la ventana. |
| marcos | Devolver todo |