Home-theater-designers
Si voleu crear pàgines web dinàmiques, haureu de complementar els vostres coneixements d’HTML i CSS una comprensió de JavaScript . Aquest llenguatge de scripts es considera essencial en el desenvolupament web modern.
Podeu crear tot tipus d’aplicacions i llocs web interactius interessants amb JavaScript, però hi ha molt a aprendre en el camí. Amb això en ment, hem creat el següent full de trucs JavaScript.
El full de trucs pot servir com a actualització ràpida dels elements de JavaScript sempre que en necessiteu. És útil tant per a principiants com per a experts.
el kies 3 no admet el dispositiu connectat
DESCÀRREGA GRATUITA: Aquest full de trucs està disponible com a PDF descarregable del nostre soci de distribució, TradePub. Haureu de completar un formulari curt per accedir-hi només per primera vegada. descarregar El full de trucs de JavaScript definitiu .
El full de trucs de JavaScript definitiu
| Drecera | Acció |
|---|---|
| Matrius de JavaScript | |
| concat () | Uniu diverses matrius en una sola |
| copyWithin () | Copieu els elements de la matriu dins de la matriu, des de i cap a les posicions especificades |
| índex de() | Retorna el valor primitiu de l'objecte especificat |
| inclou () | Comproveu si una matriu conté l'element especificat |
| unir-se () | Combineu elements d'una matriu en una sola cadena i torneu-la |
| entrades () | Retorna un parell clau / valor Objecte d'iteració de matriu |
| cada() | Comproveu si tots els elements d’una matriu passen una prova |
| omplir () | Ompliu els elements d’una matriu amb un valor estàtic |
| filter () | Creeu una nova matriu amb tots els elements d’una matriu que superin una prova |
| find () | Retorna el valor del primer element d'una matriu que supera una prova |
| per cadascú() | Truqueu a una funció per a cada element de matriu |
| de () | Creeu una matriu a partir d’un objecte |
| lastIndexOf () | Indiqueu l'última posició en què apareix un element determinat en una matriu |
| pop () | Traieu l'últim element d'una matriu |
| push () | Afegiu un element nou al final |
| revers () | Ordeneu els elements en ordre descendent |
| reduce () | Reduïu els valors d'una matriu a un valor únic (anant d'esquerra a dreta) |
| reduceRight () | Reduïu els valors d'una matriu a un valor únic (anant de dreta a esquerra) |
| shift () | Traieu el primer element d'una matriu |
| llesca () | Traieu una còpia d'una porció d'una matriu en un nou objecte de matriu |
| sort () | Ordena els elements alfabèticament |
| empalme () | Afegiu elements de manera i posició especificades |
| unshift () | Afegiu un element nou al principi |
| Mètodes booleans de JavaScript | |
| toString () | Convertiu un valor booleà en una cadena i torneu el resultat |
| el valor de() | Retorna la primera posició en què apareix un element determinat en una matriu |
| toSource () | Retorna una cadena que representa el codi font de l'objecte |
| Operadors aritmètics de JavaScript | |
| + | Addició |
| - | Resta |
| * | Multiplicació |
| / | Divisió |
| (...) | Operador d'agrupació (les operacions entre claudàtors s'executen abans que les de fora) |
| % | Mòdul (resta) |
| ++ | Increment de nombres |
| - | Disminueix els números |
| == | Igual a |
| === | Valor igual i tipus igual |
| ! = | No és igual |
| ! == | No té un valor igual o no és igual |
| > | Més gran que |
| < | Menys de |
| > = | Superior o igual a |
| <= | Menor o igual a |
| ? | Operador ternari |
| Operadors lògics | |
| && | Lògic I |
| || | OR lògic |
| ! | Lògic NO |
| Operadors de bits | |
| & | Declaració AND |
| | | O declaració |
| ~ | NO |
| ^ | XOR |
| << | Desviació a l'esquerra |
| >> | Torn a la dreta |
| >>> | Canvi zero a la dreta |
| Funcions | |
| alert () | Sortiu les dades en un quadre d'alerta a la finestra del navegador |
| confirm () | Obriu un quadre de diàleg sí / no i torneu a mostrar cert / fals segons el clic de l'usuari |
| console.log () | Escriviu informació a la consola del navegador (útil per a la depuració) |
| document.write () | Escriviu directament al document HTML |
| prompt () | Creeu un diàleg per introduir l'usuari |
| Funcions globals | |
| decodifica () | Decodifiqueu un identificador de recursos uniforme (URI) creat per encodeURI o similar |
| decodeURIComponent () | Descodifiqueu l'URI del component |
| encodeURI () | Codifiqueu un URI a UTF-8 |
| encodeURIComponent () | El mateix, però per als components URI |
| eval () | Avalueu el codi JavaScript representat com una cadena |
| isFinite () | Determineu si un valor passat és un nombre finit |
| isNaN () | Determineu si un valor és un número il·legal |
| Número () | Converteix el valor d'un objecte en un número |
| parseFloat () | Analitzeu una cadena i torneu un número de coma flotant |
| parseInt () | Analitzeu una cadena i torneu un enter |
| Bucles de JavaScript | |
| per | La forma més habitual de crear un bucle a JavaScript |
| mentre | Configureu les condicions en què s'executa un bucle |
| Fer mentre | De manera similar al bucle while, però, s’executa almenys una vegada i realitza una comprovació al final per veure si es compleix la condició per tornar a executar-se |
| trencar | Atureu i sortiu del cicle si es compleixen determinades condicions |
| continuar | Omet parts del cicle si es compleixen determinades condicions |
| Personatges d'escapament | |
| ' | Cita única |
| ' | Doble pressupost |
| \ | Barra invertida |
| b | Retrocés |
| f | Alimentació de formularis |
| n | Nova línia |
| r | Retorn de carro |
| t | Tabulador horitzontal |
| v | Tabulador vertical |
| Mètodes de cadenes JavaScript | |
| charAt () | Retorna un caràcter en una posició especificada dins d'una cadena |
| charCodeAt () | Indiqueu l’unicode de caràcter en aquesta posició |
| concat () | Concatenar (unir) dues o més cadenes en una |
| fromCharCode () | Retorna una cadena creada a partir de la seqüència especificada d'unitats de codi UTF-16 |
| índex de() | Proporcioneu la posició de la primera aparició de text especificat dins d'una cadena |
| lastIndexOf () | Igual que indexOf () però amb la darrera ocurrència, buscant cap enrere |
| match () | Recupereu les coincidències d'una cadena amb un patró de cerca |
| replace () | Cerqueu i substituïu el text especificat en una cadena |
| cerca() | Executeu una cerca d’un text coincident i torneu-ne la posició |
| llesca () | Extraieu una secció d'una cadena i torneu-la com una cadena nova |
| split () | Dividiu un objecte de cadena en una matriu de cadenes en una posició especificada |
| arrenca amb () | Comproveu si una cadena comença amb els caràcters especificats |
| substr () | Semblant a slice () però extreu una subcadena depenent d’un nombre especificat de caràcters |
| subcadena () | Similar a slice (), però no pot acceptar índexs negatius |
| toLowerCase () | Converteix les cadenes en minúscula |
| toUpperCase () | Converteix les cadenes en majúscules |
| el valor de() | Retorna el valor primitiu (que no té propietats ni mètodes) d'un objecte de cadena |
| SINTAXI D'EXPRESSIÓ REGULAR Modificadors de patrons | |
| I | Avalueu la substitució |
| jo | Realitzeu una coincidència que no distingeix entre majúscules i minúscules |
| g | Feu coincidències globals |
| m | Realitzeu coincidència de diverses línies |
| s | Tractar les cadenes com una línia única |
| x | Permetre comentaris i espais en blanc en patró |
| U | Patró poc engraviat |
| Suports | |
| [Abc] | Cerqueu algun dels caràcters entre claudàtors |
| [^ Abc] | Cerqueu qualsevol caràcter que no estigui entre parèntesis |
| [0-9] | Cerca el dígit especificat entre claudàtors |
| [A-z] | Cerqueu qualsevol caràcter des de la majúscula A fins a la minúscula z |
| (a | b | c) | Cerqueu alguna de les alternatives separades per | |
| Metacaracteres | |
| . | Cerqueu un sol caràcter, excepte la línia nova o el terminador de línia |
| in | Caràcter de paraula |
| IN | Caràcter sense paraules |
| d | Un dígit |
| D | Un caràcter sense dígits |
| s | Caràcter d’espai en blanc |
| S | Caràcter no espacial |
| b | Cerqueu una coincidència al principi / final d’una paraula |
| B | Cerqueu una coincidència que no sigui al principi / final de la paraula |
| u0000 | Personatge NUL |
| n | Un nou personatge de línia |
| f | Caràcter de feed de formularis |
| r | Personatge de retorn de carro |
| t | Caràcter de pestanya |
| v | Caràcter de pestanya vertical |
| xxx | Caràcter especificat per un número octal xxx |
| xdd | Caràcter llatí especificat per un número hexadecimal dd |
| udddd | Caràcter Unicode especificat per un número hexadecimal dddd |
| Quantificadors | |
| n + | Feu coincidir qualsevol cadena que contingui com a mínim un n |
| n * | Qualsevol cadena que contingui zero o més ocurrències de n |
| n? | Qualsevol cadena que contingui zero o una ocurrència de n |
| {X} | Qualsevol cadena que contingui una seqüència de X n |
| n {X, Y} | Cadenes que contenen una seqüència de X a Y n |
| n {X,} | Coincideix amb qualsevol cadena que contingui una seqüència d'almenys X n |
| n $ | Qualsevol cadena amb n al final |
| ^ n | Cadena amb n al principi de la mateixa |
| ? = n | Qualsevol cadena seguida d'una cadena específica n |
| ?! n | Cadena que no va seguida d'una cadena específica n |
| Propietats numèriques | |
| MAX_VALUE | Valor numèric màxim representable a JavaScript |
| MIN_VALUE | El valor numèric positiu més petit representable a JavaScript |
| NaN | El valor No és un número |
| NEGATIVA_INFINITAT | Valor infinit negatiu |
| POSITIVA_INFINITAT | Valor infinit positiu |
| Mètodes numèrics | |
| aExponencial () | Retorna una cadena amb un número arrodonit escrit com a notació exponencial |
| toFixed () | Retorna la cadena d'un número amb un nombre especificat de decimals |
| toPrecision () | Retorna la cadena d'un número escrit amb una longitud especificada |
| toString () | Retorna un número com una cadena |
| el valor de() | Retorna un número com a número |
| Propietats matemàtiques | |
| I | Número d’Euler |
| LN2 | Logaritme natural de 2 |
| LN10 | Logaritme natural de 10 |
| LOG2E | Logaritme de la base 2 d’E |
| LOG10E | Logaritme de la base 10 d’E |
| Pi | El número PI |
| SQRT1_2 | Arrel quadrada de 1/2 |
| SQRT2 | Arrel quadrada de 2 |
| Mètodes matemàtics | |
| abdominals (x) | Retorna el valor absolut (positiu) de x |
| acs (x) | Arccosina de x, en radians |
| asin (x) | Arcsino de x, en radians |
| lliguen (x) | Arctangent de x com a valor numèric |
| atan2 (i, x) | Arctangent del quocient dels seus arguments |
| sostre (x) | Valor de x arrodonit al seu enter més proper |
| cos (x) | Cosinus de x (x està en radians) |
| exp (x) | Valor de l'ex |
| pis (x) | Valor de x arrodonit cap avall al seu enter més proper |
| registre (x) | Logaritme natural (base E) de x |
| màx (x, y, z, ..., n) | Número amb el valor més alt |
| min (x, i, z, ..., n) | Número amb el valor més baix |
| pow (x, y) | X al poder de y |
| random () | Número aleatori entre 0 i 1 |
| rodó (x) | Valor de x arrodonit al seu enter més proper |
| sense (x) | Sinus de x (x està en radians) |
| sqrt (x) | Arrel quadrada de x |
| tan (x) | Tangent d'un angle |
| Dates | |
| Data() | Creeu un objecte de data nou amb la data i l'hora actuals |
| Data (5, 21, 3, 23, 10, 0 de 2017) | Creeu un objecte de data personalitzat. Els números representen any, mes, dia, hora, minuts, segons, mil·lisegons. Podeu ometre tot el que vulgueu, excepte l'any i el mes. |
| Data (23/06/2017) | Declaració de data com a cadena |
| getDate () | Obteniu el dia del mes com a número (1-31) |
| getDay () | Obteniu el dia de la setmana com a número (0-6) |
| getFullYear () | Obteniu l'any com a número de quatre dígits (aaaa) |
| getHours () | Aconsegueix l'hora (0-23) |
| getMilliseconds () | Aconsegueix el mil·lisegon (0-999) |
| getMinutes () | Aconsegueix el minut (0-59) |
| getMonth () | Obteniu el mes com a número (0-11) |
| getSeconds () | Aconsegueix el segon (0-59) |
| getTime () | Obteniu el temps (mil·lisegons des de l'1 de gener de 1970) |
| getUTCDate () | Dia (data) del mes a la data especificada segons l'hora universal (també disponible per al dia, mes, any complet, hores, minuts, etc.) |
| analitzar | Analitzeu una representació de cadena d'una data i torneu el nombre de mil·lisegons des de l'1 de gener de 1970 |
| setDate () | Estableix el dia com a número (1-31) |
| setFullYear () | Estableix l'any (opcionalment mes i dia) |
| setHours () | Estableix l'hora (0-23) |
| setMilliseconds () | Estableix els mil·lisegons (0-999) |
| setMinutes () | Estableix els minuts (0-59) |
| setMonth () | Estableix el mes (0-11) |
| setSeconds () | Estableix els segons (0-59) |
| setTime () | Estableix l'hora (mil·lisegons des de l'1 de gener de 1970) |
| setUTCDate () | Estableix el dia del mes per a una data especificada segons l'hora universal (també disponible per al dia, mes, any complet, hores, minuts, etc.) |
| MODALITAT DOM Propietats del node | |
| atributs | Col·lecció en directe de tots els atributs registrats a un element |
| baseURI | URL base absolut d'un element HTML |
| childNodes | Col·lecció de nodes secundaris d’un element |
| firstChild | Primer node fill d'un element |
| lastChild | Últim node fill d'un element |
| nextSibling | Node següent al mateix nivell d'arbre del node |
| nodeName | Nom d'un node |
| nodeType | Tipus de node |
| nodeValue | Valor d'un node |
| propietariDocument | Objecte de document de nivell superior per al node actual |
| parentNode | Node pare d'un element |
| anteriorSibling | Node immediatament anterior a l'actual |
| textContent | Contingut textual d’un node i dels seus descendents |
| Mètodes de node | |
| appendChild () | Afegiu un node fill nou a un element com a darrer node fill |
| cloneNode () | Clona un element HTML |
| compareDocumentPosition () | Compareu la posició del document de dos elements |
| getFeature () | Retorna un objecte que implementa les API d'una característica especificada |
| hasAttributes () | Retorna true si un element té algun atribut; en cas contrari, torna false |
| hasChildNodes () | Retorna true si un element té nodes secundaris; en cas contrari, torna false |
| insertBefore () | Inseriu un nou node fill abans que un node fill existent especificat |
| isDefaultNamespace () | Torna true si el valor predeterminat és un espai de noms especificat, en cas contrari, torna false |
| isEqualNode () | Comproveu si dos elements són iguals |
| isSameNode () | Comproveu si dos elements són el mateix node |
| isSupported () | Torneu a true si s'admet una característica especificada a l'element |
| lookupNamespaceURI () | Retorna l'espai de noms URI associat amb un node determinat |
| lookupPrefix () | Torneu una cadena DOMString que contingui el prefix d'un espai de noms determinat, si està present |
| normalitzar () | Uniu els nodes de text adjacents i traieu els nodes de text buits d'un element |
| removeChild () | Traieu un node fill d'un element |
| replaceChild () | Substitueix un node fill en un element |
| Mètodes d’elements | |
| getAttribute () | Retorna el valor d'atribut especificat d'un node d'element |
| getAttributeNS () | Retorna el valor de la cadena de l'atribut amb l'espai de noms i el nom especificats |
| getAttributeNode () | Obteniu el node d'atribut especificat |
| getAttributeNodeNS () | Torneu el node d'atribut de l'atribut amb l'espai de noms i el nom donats |
| getElementsByTagName () | Proporcioneu una col·lecció de tots els elements secundaris amb el nom d'etiqueta especificat |
| getElementsByTagNameNS () | Torneu una col·lecció HTML en viu d'elements amb un nom d'etiqueta determinat pertanyent a l'espai de noms donat |
| hasAttribute () | Retorna true si un element té algun atribut; en cas contrari, torna false |
| hasAttributeNS () | Proporcioneu un valor vertader / fals que indiqui si l'element actual d'un determinat espai de noms té l'atribut especificat |
| removeAttribute () | Traieu un atribut especificat d'un element |
| removeAttributeNS () | Elimineu l'atribut especificat d'un element d'un espai de noms determinat |
| removeAttributeNode () | Traieu un node d'atribut especificat i torneu el node eliminat |
| setAttribute () | Definiu o canvieu l'atribut especificat a un valor especificat |
| setAttributeNS () | Afegiu un atribut nou o canvieu el valor d'un atribut amb l'espai de noms i el nom proporcionats |
| setAttributeNode () | Definiu o canvieu el node d'atribut especificat |
| setAttributeNodeNS () | Afegiu un nou node d'atribut d'espai de noms a un element |
| Propietats de la finestra del navegador | |
| tancat | Comproveu si s'ha tancat o no una finestra i torneu a mostrar el valor vertader o fals |
| defaultStatus | Definiu o torneu el text per defecte a la barra d'estat d'una finestra |
| document | Torneu l'objecte del document a la finestra |
| marcs | Torna-ho tot |