Det ultimate JavaScript -juksearket

Det ultimate JavaScript -juksearket

Hvis du vil bygge dynamiske nettsider, må du supplere HTML- og CSS -kunnskapen din med en forståelse av JavaScript . Dette skriptspråket regnes som et essensielt element i moderne webutvikling.





Du kan bygge alle slags interessante interaktive apper og nettsteder med JavaScript, men det er mye å lære underveis. Med det i bakhodet har vi laget følgende JavaScript -jukseark for deg.





Juksearket kan tjene som en rask oppdatering av JavaScript -elementer når du trenger det. Det er praktisk både for nybegynnere og eksperter.





hvordan få tilgang til icloud -bilder på iphone

GRATIS NEDLASTING: Dette juksearket er tilgjengelig som en nedlastbar PDF fra vår distribusjonspartner, TradePub. Du må bare fylle ut et kort skjema for å få tilgang til det for første gang. nedlasting Det ultimate JavaScript -juksearket .

Det ultimate JavaScript -juksearket

SnarveiHandling
JavaScript -matriser
konkat ()Koble flere matriser til en
copyWithin ()Kopier matriseelementer i matrisen, til og fra angitte posisjoner
oversikt over()Returner den primitive verdien til det angitte objektet
inkluderer ()Sjekk om en matrise inneholder det angitte elementet
bli med()Kombiner elementer i en matrise til en enkelt streng og returner strengen
innganger()Returner et nøkkel/verdipar Array Iteration Object
hver()Sjekk om hvert element i en matrise består en test
fylle()Fyll elementene i en matrise med en statisk verdi
filter()Lag en ny matrise med hvert element i en matrise som består en test
finne()Returner verdien av det første elementet i en matrise som består en test
for hver()Kall en funksjon for hvert array -element
fra()Lag en matrise fra et objekt
lastIndexOf ()Angi den siste posisjonen der et gitt element vises i en matrise
pop ()Fjern det siste elementet i en matrise
trykk()Legg til et nytt element på slutten
omvendt()Sorter elementer i synkende rekkefølge
redusere()Reduser verdiene til en matrise til en enkelt verdi (går fra venstre til høyre)
reduceRight ()Reduser verdiene til en matrise til en enkelt verdi (går fra høyre til venstre)
skifte()Fjern det første elementet i en matrise
skive()Trekk en kopi av en del av en matrise inn i et nytt matriseobjekt
sortere()Sorter elementer alfabetisk
spleise ()Legg til elementer på en bestemt måte og posisjon
unshift ()Legg til et nytt element i begynnelsen
JavaScript boolske metoder
toString ()Konverter en boolsk verdi til en streng, og returner resultatet
verdien av()Returner den første posisjonen der et gitt element vises i en matrise
toSource ()Returner en streng som representerer kildekoden til objektet
JavaScript aritmetiske operatører
+Addisjon
-Subtraksjon
*Multiplikasjon
/Inndeling
(...)Grupperingsoperatør (operasjoner innenfor parentes utføres tidligere enn de utenfor)
%Modul (resten)
++Øk tall
-Reduser tall
==Lik
===Like verdi og like type
! =Ikke lik
! ==Ikke lik verdi eller ikke lik type
>Større enn
<Mindre enn
> =Større enn eller lik
<=Mindre enn eller lik
?Ternær operatør
Logiske operatører
&&Logisk OG
||Logisk ELLER
!Logisk IKKE
Bitvise operatører
&OG uttalelse
|ELLER uttalelse
~IKKE
^XOR
<<Venstre shift
>>Høyre skift
>>>Nullfyll høyre skifte
Funksjoner
varsling()Skriv ut data i en varselboks i nettleservinduet
bekrefte()Åpne en ja/nei -dialog og returner true/false avhengig av brukerens klikk
console.log ()Skriv informasjon til nettleserkonsollen (bra for feilsøkingsformål)
document.write ()Skriv direkte til HTML -dokumentet
spør ()Lag en dialog for brukerinngang
Globale funksjoner
dekoder ()Dekode en Uniform Resource Identifier (URI) opprettet av encodeURI eller lignende
decodeURIComponent ()Dekode komponenten URI
codeURI ()Kode en URI til UTF-8
codeURIComponent ()Samme, men for URI -komponenter
eval ()Evaluer JavaScript -kode representert som en streng
isFinite ()Bestem om en bestått verdi er et begrenset tall
isNaN ()Bestem om en verdi er et ulovlig tall
Nummer()Konverter objektets verdi til et tall
parseFloat ()Analyser en streng og returner et flytende tall
parseInt ()Analyser en streng og returner et helt tall
JavaScript -sløyfer
tilDen vanligste måten å lage en loop i JavaScript
samtidig somSett opp betingelser som en sløyfe utføres under
gjør mensI likhet med mensløkken, utføres den imidlertid minst én gang og utfører en kontroll på slutten for å se om betingelsen er oppfylt for å utføre igjen
gå i stykkerStopp og avslutt syklusen hvis visse betingelser er oppfylt
FortsetteHopp over deler av syklusen hvis visse betingelser er oppfylt
Escape Characters
'Enkelt sitat
'Dobbel sitat
\Backslash
bTilbake
fSkjema feed
nNy linje
rVognretur
tHorisontal tabulator
vVertikal tabulator
JavaScript -strengmetoder
charAt ()Returner et tegn på en angitt posisjon inne i en streng
charCodeAt ()Gi karakteren unicode på den posisjonen
konkat ()Koble sammen (sett sammen) to eller flere strenger i en
fromCharCode ()Returner en streng opprettet fra den angitte sekvensen med UTF-16-kodenheter
oversikt over()Angi plasseringen av den første forekomsten av spesifisert tekst i en streng
lastIndexOf ()Samme som indexOf (), men med den siste forekomsten, søker du bakover
kamp()Hent kampene til en streng mot et søkemønster
erstatte()Finn og erstatt spesifisert tekst i en streng
Søk()Utfør et søk etter en matchende tekst og returner posisjonen
skive()Pakk ut en del av en streng og returner den som en ny streng
dele()Del et strengobjekt i en rekke strenger på en bestemt posisjon
begynner med()Kontroller om en streng begynner med angitte tegn
substr ()Ligner på slice (), men trekker ut en delstreng avhengig av et bestemt antall tegn
delstreng ()Ligner på slice (), men kan ikke godta negative indekser
toLowerCase ()Konverter strenger til små bokstaver
toUpperCase ()Konverter strenger til store bokstaver
verdien av()Returner den primitive verdien (som ikke har egenskaper eller metoder) for et strengobjekt
REGULAR UTTRYKKSYNTAKS

Mønstermodifikatorer
OgVurder erstatning
JegUtfør store og små bokstaver
gUtfør global matching
mUtfør matchning med flere linjer
sBehandle strenger som en enkelt linje
xTillat kommentarer og mellomrom i mønster
UUhyggelig mønster
Braketter
[abc]Finn noen av tegnene i parentesene
[^ abc]Finn et tegn som ikke er i parentesene
[0-9]Finn siffer som er angitt i parentesene
[A-z]Finn et hvilket som helst tegn fra store A til små z
(a | b | c)Finn noen av alternativene atskilt med |
Metakarakterer
.Finn et enkelt tegn, unntatt ny linje eller linjeterminator
iOrdtegn
IIkke-ordtegn
dEt siffer
DEt ikke-sifret tegn
sMellomrom -karakter
SIkke-hvitt mellomrom
bFinn en treff i begynnelsen/slutten av et ord
BFinn en treff som ikke er i begynnelsen/slutten av et ord
u0000NUL karakter
nEn ny strekfigur
fSkjema feed tegn
rVognreturtegn
tTabulatortegn
vVertikal fanetegn
xxxTegn angitt med et oktalt tall xxx
xddLatinsk tegn angitt med et heksadesimalt tall dd
uddddUnicode -tegn spesifisert med et heksadesimalt tall dddd
Kvantifiseringer
n+Match en streng som inneholder minst en n
n*Enhver streng som inneholder null eller flere forekomster av n
n?Enhver streng som inneholder null eller én forekomst av n
n {X}Enhver streng som inneholder en sekvens av X ns
n {X, Y}Strenger som inneholder en sekvens av X til Y n’er
n {X,}Matcher enhver streng som inneholder en sekvens på minst X ns
n $Enhver streng med n på slutten av den
^nString med n i begynnelsen av den
? = nEnhver streng som etterfølges av en bestemt streng n
?! nStreng som ikke blir fulgt av en bestemt streng n
Nummeregenskaper
MAX_VALUEMaksimal numerisk verdi som kan representeres i JavaScript
MIN_VALUEMinste positive numeriske verdi som kan representeres i JavaScript
NaNVerdien Not-a-Number
NEGATIVE_INFINITYNegativ uendelig verdi
POSITIVE_INFINITYPositiv uendelig verdi
Antall metoder
toExponential ()Returner en streng med et avrundet tall skrevet som eksponentiell notasjon
toFixed ()Returner strengen til et tall med et spesifisert antall desimaler
toPrecision ()Returner strengen med et tall skrevet med en spesifisert lengde
toString ()Returner et tall som en streng
verdien av()Returner et tall som et tall
Matematiske egenskaper
OGEulers nummer
LN2Naturlig logaritme av 2
LN10Naturlig logaritme på 10
LOG2EBase 2 logaritme av E
LOG10EBase 10 logaritme av E
PITallet PI
SQRT1_2Kvadratrot på 1/2
SQRT2Kvadratrot av 2
Matematiske metoder
abs (x)Returner den absolutte (positive) verdien av x
accos (x)Arccosine av x, i radianer
asin (x)Arcsine av x, i radianer
atan (x)Arctangent av x som en numerisk verdi
atan2 (y, x)Arctangent av kvoten av argumentene
tak (x)Verdien av x avrundet opp til nærmeste heltall
cos (x)Cosinus av x (x er i radianer)
eksp (x)Verdi av eks
gulv (x)Verdien av x avrundet ned til nærmeste heltall
logg (x)Naturlig logaritme (base E) på x
maks (x, y, z, ..., n)Antall med høyeste verdi
min (x, y, z, ..., n)Nummer med laveste verdi
pow (x, y)X til makt til y
tilfeldig()Tilfeldig tall mellom 0 og 1
runde (x)Verdien av x avrundet til nærmeste heltall
synd (x)Sinus av x (x er i radianer)
kvadrat (x)Kvadratrot av x
så (x)Tangens av en vinkel
Datoer
Dato()Lag et nytt datoobjekt med gjeldende dato og klokkeslett
Dato (2017, 5, 21, 3, 23, 10, 0)Lag et tilpasset datoobjekt. Tallene representerer år, måned, dag, time, minutter, sekunder, millisekunder. Du kan utelate alt du vil bortsett fra år og måned.
Dato (2017-06-23)Datoerklæring som en streng
getDate ()Få dagen i måneden som et tall (1-31)
getDay ()Få ukedagen som et tall (0-6)
getFullYear ()Få året som et firesifret tall (åååå)
getHours ()Få timen (0-23)
getMilliseconds ()Få millisekund (0-999)
getMinutes ()Få minuttet (0-59)
getMonth ()Få måneden som et tall (0-11)
getSeconds ()Få den andre (0-59)
getTime ()Få tiden (millisekunder siden 1. januar 1970)
getUTCDate ()Dag (dato) i måneden i den angitte datoen i henhold til universell tid (også tilgjengelig for dag, måned, helår, timer, minutter osv.)
analysereParse en strengrepresentasjon av en dato, og returner antall millisekunder siden 1. januar 1970
setDate ()Angi dagen som et tall (1-31)
setFullYear ()Angi år (valgfritt måned og dag)
setHours ()Still inn timen (0-23)
setMilliseconds ()Angi millisekunder (0-999)
setMinutes ()Angi minutter (0-59)
setMonth ()Angi måned (0-11)
setSeconds ()Still inn sekundene (0-59)
setTime ()Still tiden (millisekunder siden 1. januar 1970)
setUTCDate ()Angi dag i måneden for en spesifisert dato i henhold til universell tid (også tilgjengelig for dag, måned, helår, timer, minutter osv.)
DOM -MODUS

Nodeegenskaper
egenskaperLive samling av alle attributter som er registrert for et element
baseURIAbsolutt grunnadresse for et HTML -element
childNodesSamling av et elements barneknuter
første barnFørste barneknute av et element
siste barnSiste barneknute av et element
nesteSiblingNeste node på samme nodetreetivå
nodeNameNavn på en node
nodeTypeType av en node
nodeValueVerdien av en node
eierDokumentDokumentobjekt på toppnivå for gjeldende node
parentNodeOverordnet node til et element
forrigeSiblingNoden umiddelbart før den nåværende
textContentTekstlig innhold i en node og dens etterkommere
Nodemetoder
appendChild ()Legg til en ny underordnet node til et element som den siste barnnoden
cloneNode ()Klon HTML -element
CompareDocumentPosition ()Sammenlign dokumentposisjonen til to elementer
getFeature ()Returner et objekt som implementerer API -ene til en spesifisert funksjon
hasAttributes ()Returner true hvis et element har noen attributter, ellers returnerer det false
harChildNodes ()Returner sant hvis et element har noen underordnede noder, ellers returnerer det usanne
insertBefore ()Sett inn en ny underordnet node før en spesifisert, eksisterende barnnode
isDefaultNamespace ()Returner true hvis et spesifisert navneområdeURI er standard, ellers returnerer det false
isEqualNode ()Sjekk om to elementer er like
isSameNode ()Sjekk om to elementer er den samme noden
isSupported ()Returner sant hvis en spesifisert funksjon støttes på elementet
lookupNamespaceURI ()Returner navnerommetURI knyttet til en gitt node
lookupPrefix ()Returner en DOMString som inneholder prefikset for et gitt navneområdeURI, hvis det finnes
normalisere ()Bli med tilstøtende tekstnoder og fjern tomme tekstnoder i et element
removeChild ()Fjern en barnnode fra et element
Erstattbarn ()Erstatt en barneknute i et element
Elementmetoder
getAttribute ()Returner den angitte attributtverdien til en elementnode
getAttributeNS ()Returner strengverdien for attributtet med det angitte navneområdet og navnet
getAttributeNode ()Få den angitte attributtnoden
getAttributeNodeNS ()Returner attributtnoden for attributtet med det angitte navnerommet og navnet
getElementsByTagName ()Tilbyr en samling av alle underordnede elementer med det angitte tagnavnet
getElementsByTagNameNS ()Returner en levende HTML -samling av elementer med et bestemt tagnavn som tilhører det gitte navnerommet
hasAttribute ()Returner true hvis et element har noen attributter, ellers returnerer det false
hasAttributeNS ()Oppgi en sann/usann verdi som angir om det nåværende elementet i et gitt navneområde har det angitte attributtet
removeAttribute ()Fjern et spesifisert attributt fra et element
removeAttributeNS ()Fjern det angitte attributtet fra et element i et bestemt navneområde
removeAttributeNode ()Ta bort en spesifisert attributtnode og returner den fjernede noden
setAttribute ()Angi eller endre det angitte attributtet til en spesifisert verdi
setAttributeNS ()Legg til et nytt attributt eller endre verdien til et attributt med det angitte navneområdet og navnet
setAttributeNode ()Angi eller endre den angitte attributtnoden
setAttributeNodeNS ()Legg til en ny navngitt attributtnode til et element
Egenskaper for nettleservindu
lukketKontroller om et vindu er lukket eller ikke, og returner sant eller usant
defaultStatusAngi eller returner standardteksten i statuslinjen i et vindu
dokumentReturner dokumentobjektet for vinduet
rammerReturner alle