Home-theater-designers
Kung nais mong bumuo ng mga dynamic na webpage, kakailanganin mong dagdagan ang iyong kaalaman sa HTML at CSS isang pag-unawa sa JavaScript . Ang wikang ito sa pag-script ay itinuturing na isang mahalaga sa modernong pagbuo ng web.
Maaari kang bumuo ng lahat ng uri ng mga kagiliw-giliw na interactive na app at website na may JavaScript, ngunit maraming matututunan sa paraan. Sa pag-iisip na iyon, nilikha namin ang sumusunod na JavaScript cheat sheet para sa iyo.
Ang cheat sheet ay maaaring magsilbing isang mabilis na pag-refresh sa mga elemento ng JavaScript anumang oras na kailangan mo. Ito ay madaling gamitin para sa mga bago at eksperto.
ang aking panlabas na hard drive ay hindi nagpapakita up
LIBRENG PAG-DOWNLOAD: Ang cheat sheet na ito ay magagamit bilang isang maida-download na PDF mula sa aming kasosyo sa pamamahagi, ang TradePub. Kailangan mong makumpleto ang isang maikling form upang ma-access ito sa unang pagkakataon lamang. Mag-download Ang Ultimate JavaScript Cheat Sheet .
Ang Ultimate JavaScript Cheat Sheet
| Shortcut | Kilos |
|---|---|
| Mga JavaScript Array | |
| concat () | Sumali sa maraming mga arrays sa isa |
| copyWithin () | Kopyahin ang mga elemento ng array sa loob ng array, papunta at mula sa tinukoy na mga posisyon |
| indexOf () | Ibalik ang primitive na halaga ng tinukoy na bagay |
| may kasamang () | Suriin kung naglalaman ang isang array ng tinukoy na elemento |
| sumali () | Pagsamahin ang mga elemento ng isang array sa isang solong string at ibalik ang string |
| mga entry () | Ibalik ang isang key / pares ng halaga ng Array Iteration Object |
| bawat() | Suriin kung ang bawat elemento sa isang array ay pumasa sa isang pagsubok |
| punan () | Punan ang mga elemento sa isang array na may isang static na halaga |
| filter () | Lumikha ng isang bagong array sa bawat elemento sa isang array na pumasa sa isang pagsubok |
| hanapin () | Ibalik ang halaga ng unang elemento sa isang array na pumasa sa isang pagsubok |
| para sa bawat () | Tumawag sa isang pagpapaandar para sa bawat elemento ng array |
| mula sa () | Lumikha ng isang array mula sa isang bagay |
| lastIndexOf () | Ibigay ang huling posisyon kung saan lumilitaw ang isang naibigay na elemento sa isang array |
| pop () | Alisin ang huling elemento ng isang array |
| itulak () | Magdagdag ng isang bagong elemento sa dulo |
| baligtarin () | Pagbukud-bukurin ang mga elemento sa pababang pagkakasunud-sunod |
| bawasan () | Bawasan ang mga halaga ng isang array sa isang solong halaga (pagpunta kaliwa-pakanan) |
| bawasan ang Karapatan () | Bawasan ang mga halaga ng isang array sa isang solong halaga (pagpunta sa kanan-sa-kaliwa) |
| shift () | Alisin ang unang elemento ng isang array |
| hiwa () | Hilahin ang isang kopya ng isang bahagi ng isang array sa isang bagong bagay na array |
| pag-uri-uriin () | Pagbukud-bukurin ang mga elemento ayon sa alpabeto |
| splice () | Magdagdag ng mga elemento sa isang tinukoy na paraan at posisyon |
| hindi mabilis () | Magdagdag ng isang bagong elemento sa simula |
| Mga Pamamaraan ng Boolean ng JavaScript | |
| toString () | I-convert ang isang halaga ng Boolean sa isang string, at ibalik ang resulta |
| halagaOf () | Ibalik ang unang posisyon kung saan lumilitaw ang isang naibigay na elemento sa isang array |
| toSource () | Ibalik ang isang string na kumakatawan sa source code ng object |
| Mga Operator ng Arithmetic ng JavaScript | |
| + | Dagdagan |
| - | Pagbabawas |
| * | Pagpaparami |
| / | Dibisyon |
| (...) | Pagpangkat ng operator (ang mga operasyon sa loob ng mga braket ay naipatupad nang mas maaga kaysa sa mga nasa labas) |
| % | Modulus (natitira) |
| ++ | Mga numero ng pagtaas |
| - | Mga numero ng pagbawas |
| == | Katumbas ng |
| === | Pantay na halaga at pantay na uri |
| ! = | Hindi pantay |
| ! == | Hindi pantay na halaga o hindi pantay na uri |
| > | Mahigit sa |
| < | Mas mababa sa |
| > = | Mas malaki kaysa sa o katumbas ng |
| <= | Mas mababa sa o katumbas ng |
| ? | Ternary operator |
| Mga Lohikal na Operator | |
| && | Lohikal AT |
| || | Lohikal O |
| ! | Lohikal HINDI |
| Mga Bitwise Operator | |
| & | AT pahayag |
| | | O pahayag |
| ~ | HINDI |
| ^ | XOR |
| << | Kaliwa shift |
| >> | Tamang paglilipat |
| >>> | Zero punan ang tamang shift |
| Mga pagpapaandar | |
| alerto () | Ang data ng output sa isang kahon ng alerto sa window ng browser |
| kumpirmahin () | Magbukas ng isang dialog na oo / hindi at ibalik ang totoo / mali depende sa pag-click ng gumagamit |
| console.log () | Sumulat ng impormasyon sa browser console (mabuti para sa mga layunin ng pag-debug) |
| dokumento. magsulat () | Sumulat nang direkta sa dokumento ng HTML |
| prompt () | Lumikha ng isang dayalogo para sa pag-input ng gumagamit |
| Mga Pag-andar sa Pandaigdig | |
| decode () | Mag-decode ng isang Uniform Resource Identifier (URI) na nilikha ng encodeURI o katulad |
| decodeURIComponent () | I-decode ang sangkap na URI |
| encodeURI () | I-encode ang isang URI sa UTF-8 |
| encodeURIComponent () | Pareho ngunit para sa mga sangkap ng URI |
| eval () | Suriin ang JavaScript code na kinakatawan bilang isang string |
| isFinite () | Tukuyin kung ang isang naipasang halaga ay isang may takda na numero |
| isNaN () | Tukuyin kung ang isang halaga ay isang iligal na numero |
| Bilang () | I-convert ang halaga ng isang bagay sa isang numero |
| parseFloat () | Pag-parse ng isang string at ibalik ang isang lumulutang numero ng point |
| parseInt () | Pag-parse ng isang string at ibalik ang isang integer |
| Mga loop ng JavaScript | |
| para sa | Ang pinaka-karaniwang paraan upang lumikha ng isang loop sa JavaScript |
| habang | Mag-set up ng mga kundisyon kung saan nagsasagawa ang isang loop |
| gawin habang | Gayunpaman, katulad ng habang loop, nagpapatupad ng hindi bababa sa isang beses at nagsasagawa ng isang tseke sa dulo upang makita kung ang kondisyon ay natutugunan upang maipatupad muli |
| pahinga | Itigil at lumabas sa siklo kung ang ilang mga kundisyon ay natutugunan |
| magpatuloy | Laktawan ang mga bahagi ng siklo kung natutugunan ang ilang mga kundisyon |
| Mga makatakas na character | |
| ' | Solong quote |
| ' | Dobleng quote |
| \ | Backslash |
| b | Backspace |
| f | Form feed |
| n | Bagong linya |
| r | Bumalik ang karwahe |
| t | Pahalang na tabulator |
| v | Vertical tabulator |
| Mga Pamamaraan sa String ng JavaScript | |
| charAt () | Ibalik ang isang character sa isang tinukoy na posisyon sa loob ng isang string |
| charCodeAt () | Bigyan ang unicode ng character sa posisyon na iyon |
| concat () | Pinagsama (sumali) dalawa o higit pang mga string sa isa |
| mula saCharCode () | Ibalik ang isang string na nilikha mula sa tinukoy na pagkakasunud-sunod ng mga unit ng UTF-16 code |
| indexOf () | Ibigay ang posisyon ng unang paglitaw ng tinukoy na teksto sa loob ng isang string |
| lastIndexOf () | Parehas sa indexOf () ngunit sa huling paglitaw, naghahanap ng paatras |
| tugma () | Kunin ang mga tugma ng isang string laban sa isang pattern ng paghahanap |
| palitan () | Hanapin at palitan ang tinukoy na teksto sa isang string |
| maghanap () | Isagawa ang isang paghahanap para sa isang katugmang teksto at ibalik ang posisyon nito |
| hiwa () | Mag-extract ng isang seksyon ng isang string at ibalik ito bilang isang bagong string |
| hatiin () | Hatiin ang isang bagay ng string sa isang hanay ng mga string sa isang tinukoy na posisyon |
| nagsisimulaWith () | Suriin kung nagsisimula ang isang string sa mga tinukoy na character |
| substr () | Katulad ng slice () ngunit kumukuha ng isang substring ay nakasalalay sa isang tinukoy na bilang ng mga character |
| substring () | Katulad ng hiwa () ngunit hindi makatanggap ng mga negatibong indeks |
| toLowerCase () | I-convert ang mga string sa mas mababang kaso |
| toUpperCase () | I-convert ang mga string sa itaas na kaso |
| halagaOf () | Ibalik ang primitive na halaga (na walang mga katangian o pamamaraan) ng isang bagay na string |
| REGULAR EXPRESSION SYNTAX Mga Modifier ng pattern | |
| At | Suriin ang kapalit |
| ako | Magsagawa ng case-insensitive na pagtutugma |
| g | Magsagawa ng global na pagtutugma |
| m | Magsagawa ng maraming pagtutugma ng linya |
| s | Tratuhin ang mga string bilang solong linya |
| x | Payagan ang mga komento at whitespace sa pattern |
| U | Hindi makapangyarihang pattern |
| Mga braket | |
| [abc] | Maghanap ng anuman sa mga character sa mga braket |
| [^ abc] | Maghanap ng anumang character na wala sa mga braket |
| [0-9] | Maghanap ng tinukoy na digit sa mga braket |
| [A-z] | Humanap ng anumang character mula sa uppercase A hanggang sa maliit na titik z |
| (a | b | c) | Humanap ng alinman sa mga kahalili na pinaghiwalay sa | |
| Mga Metacharacter | |
| . | Maghanap ng isang solong character, maliban sa newline o line terminator |
| sa | Tauhan ng salita |
| SA | Non-word na character |
| d | Isang digit |
| D | Isang character na hindi digit |
| s | Karakter ng Whitespace |
| S | Non-whitespace character |
| b | Maghanap ng isang tugma sa simula / katapusan ng isang salita |
| B | Humanap ng laban hindi sa simula / katapusan ng isang salita |
| u0000 | Tauhang NUL |
| n | Isang bagong character na linya |
| f | Form character na feed |
| r | Karakter sa pagbabalik ng karwahe |
| t | Tab na character |
| v | Vertical na character na tab |
| xxx | Tinukoy ang character ng isang octal number xxx |
| xdd | Latin character na tinukoy ng isang hexadecimal na numero dd |
| udddd | Ang character na unicode na tinukoy ng isang hexadecimal number dddd |
| Mga Quantifier | |
| n + | Itugma ang anumang string na naglalaman ng hindi bababa sa isang n |
| n * | Anumang string na naglalaman ng zero o higit pang mga pangyayari ng n |
| n? | Anumang string na naglalaman ng zero o isang paglitaw ng n |
| n {X} | Anumang string na naglalaman ng isang pagkakasunud-sunod ng X n's |
| n {X, Y} | Mga string na naglalaman ng isang pagkakasunud-sunod ng X hanggang Y n's |
| n {X,} | Tumutugma sa anumang string na naglalaman ng isang pagkakasunud-sunod ng hindi bababa sa X n's |
| n $ | Anumang string na may n sa dulo nito |
| ^ n | String kasama n sa simula nito |
| ? = n | Anumang string na sinusundan ng isang tukoy na string n |
| ?! n | String na hindi sinusundan ng isang tukoy na string n |
| Mga Katangian sa Bilang | |
| MAX_VALUE | Kinakatawan ang maximum na halagang bilang sa JavaScript |
| MIN_VALUE | Ang pinakamaliit na positibong halaga ng numero na kinakatawan sa JavaScript |
| NaN | Ang halagang Hindi-isang-Bilang |
| NEGATIVE_INFINITY | Negatibong Halaga ng Infinity |
| POSITIVE_INFINITY | Positive Infinity na halaga |
| Mga Paraan ng Bilang | |
| toExponential () | Ibalik ang isang string na may isang bilugan na numero na nakasulat bilang exponential notation |
| toFixed () | Ibalik ang string ng isang numero na may tinukoy na bilang ng mga decimal |
| toPrecision () | Ibalik ang string ng isang numero na nakasulat na may tinukoy na haba |
| toString () | Ibalik ang isang numero bilang isang string |
| halagaOf () | Ibalik ang isang numero bilang isang numero |
| Mga Katangian sa Matematika | |
| AT | Ang bilang ni Euler |
| LN2 | Likas na logarithm ng 2 |
| LN10 | Likas na logarithm ng 10 |
| LOG2E | Base 2 logarithm ng E |
| LOG10E | Base 10 logarithm ng E |
| PI | Ang bilang na PI |
| SQRT1_2 | Square root ng 1/2 |
| SQRT2 | Square root ng 2 |
| Pamamaraan sa Matematika | |
| abs (x) | Ibalik ang ganap (positibong) halaga ng x |
| accos (x) | Arccosine ng x, sa mga radian |
| asin (x) | Ang arcsine ng x, sa mga radian |
| atan (x) | Arctangent ng x bilang isang numerong halaga |
| atan2 (y, x) | Arctangent ng kabuuan ng mga argumento nito |
| ceil (x) | Halaga ng x bilugan hanggang sa pinakamalapit na integer |
| cos (x) | Ang cosine ng x (x ay nasa mga radiano) |
| exp (x) | Halaga ng Hal |
| sahig (x) | Halaga ng x bilugan pababa sa pinakamalapit na integer |
| mag-log (x) | Likas na logarithm (base E) ng x |
| max (x, y, z, ..., n) | Bilang na may pinakamataas na halaga |
| min (x, y, z, ..., n) | Bilang na may pinakamababang halaga |
| pow (x, y) | X sa lakas ng y |
| random () | Random na numero sa pagitan ng 0 at 1 |
| bilog (x) | Halaga ng x bilugan sa pinakamalapit na integer |
| kasalanan (x) | Sine ng x (x ay nasa mga radiano) |
| sqrt (x) | Kuwadradong ugat ng x |
| kaya (x) | Tangent ng isang anggulo |
| Petsa | |
| Petsa () | Lumikha ng isang bagong object ng petsa kasama ang kasalukuyang petsa at oras |
| Petsa (2017, 5, 21, 3, 23, 10, 0) | Lumikha ng isang pasadyang object ng petsa. Ang mga numero ay kumakatawan sa taon, buwan, araw, oras, minuto, segundo, milliseconds. Maaari mong alisin ang anumang nais mo maliban sa taon at buwan. |
| Petsa (2017-06-23) | Petsa ng deklarasyon bilang isang string |
| getDate () | Kunin ang araw ng buwan bilang isang numero (1-31) |
| getDay () | Kunin ang araw ng linggo bilang isang numero (0-6) |
| getFullYear () | Kunin ang taon bilang isang apat na digit na numero (yyyy) |
| getHours () | Kunin ang oras (0-23) |
| getMilliseconds () | Kunin ang millisecond (0-999) |
| getMinutes () | Kunin ang minuto (0-59) |
| getMonth () | Kunin ang buwan bilang isang numero (0-11) |
| getSeconds () | Kunin ang pangalawa (0-59) |
| getTime () | Kunin ang oras (milliseconds mula Enero 1, 1970) |
| getUTCDate () | Araw (petsa) ng buwan sa tinukoy na petsa ayon sa unibersal na oras (magagamit din para sa araw, buwan, buong edad, oras, minuto atbp.) |
| parse | Pag-parse ng isang string na representasyon ng isang petsa, at ibalik ang bilang ng mga milliseconds mula Enero 1, 1970 |
| nakatakdang petsa() | Itakda ang araw bilang isang numero (1-31) |
| setFullYear () | Itakda ang taon (opsyonal na buwan at araw) |
| setHours () | Itakda ang oras (0-23) |
| setMilliseconds () | Itakda ang milliseconds (0-999) |
| setMinutes () | Itakda ang minuto (0-59) |
| setMonth () | Itakda ang buwan (0-11) |
| setSeconds () | Itakda ang mga segundo (0-59) |
| setTime () | Itakda ang oras (milliseconds mula Enero 1, 1970) |
| setUTCDate () | Itakda ang araw ng buwan para sa isang tinukoy na petsa ayon sa unibersal na oras (magagamit din para sa araw, buwan, buong taon, oras, minuto atbp.) |
| DOM MODE Mga Katangian sa Node | |
| mga katangian | Live na koleksyon ng lahat ng mga katangian na nakarehistro sa isang elemento |
| baseURI | Ganap na batayang URL ng isang elemento ng HTML |
| mga bataNode | Koleksyon ng mga node ng bata ng isang elemento |
| unang anak | Unang node ng bata ng isang elemento |
| huling anak | Huling node ng bata ng isang elemento |
| susunodSibling | Susunod na node sa parehong antas ng node tree |
| nodeName | Pangalan ng isang node |
| nodeType | Uri ng isang node |
| nodeValue | Halaga ng isang node |
| may-ari ng Dokumento | Nangungunang antas ng object ng dokumento para sa kasalukuyang node |
| parentNode | Node ng magulang ng isang elemento |
| nakaraangSibling | Node kaagad na nauna sa kasalukuyang isa |
| nilalaman ng teksto | Nilalaman sa tekstuwal ng isang node at mga supling nito |
| Mga Pamamaraan sa Node | |
| appendChild () | Magdagdag ng bagong node ng bata sa isang elemento bilang huling node ng bata |
| cloneNode () | Ang elemento ng clone HTML |
| ihambing angDocumentPosition () | Ihambing ang posisyon ng dokumento ng dalawang elemento |
| getFeature () | Ibalik ang isang bagay na nagpapatupad ng mga API ng isang tinukoy na tampok |
| hasAttribut () | Ibalik ang totoo kung ang anumang elemento ay may anumang mga katangian, kung hindi man ay bumalik nang hindi totoo |
| hasChildNodes () | Ibalik ang totoo kung ang isang elemento ay may anumang mga node ng bata, kung hindi man ay bumalik nang hindi totoo |
| insertBefore () | Magpasok ng isang bagong node ng bata bago ang isang tinukoy, umiiral na node ng bata |
| isDefaultNamespace () | Ibalik ang totoo kung ang isang tinukoy na namespaceURI ay default, kung hindi man ay bumalik nang hindi totoo |
| isEqualNode () | Suriin kung pantay ang dalawang elemento |
| isSameNode () | Suriin kung ang dalawang mga elemento ay pareho ang node |
| aySuportado () | Ibalik ang totoo kung ang isang tinukoy na tampok ay suportado sa elemento |
| lookupNamespaceURI () | Ibalik ang namespaceURI na nauugnay sa isang naibigay na node |
| lookupPrefix () | Ibalik ang isang DOMString naglalaman ng unlapi para sa isang naibigay na namespaceURI, kung mayroon |
| gawing normal () | Sumali sa mga katabing node ng teksto at alisin ang mga walang laman na text node sa isang elemento |
| tanggalin ang Anak () | Alisin ang isang node ng bata mula sa isang elemento |
| palitan ang Anak () | Palitan ang isang node ng bata sa isang elemento |
| Mga Paraan ng Elemento | |
| getAttribute () | Ibalik ang tinukoy na halaga ng katangian ng isang elemento node |
| getAttributeNS () | Ibalik ang halaga ng string ng katangian na may tinukoy na namespace at pangalan |
| getAttributeNode () | Kunin ang tinukoy na node ng katangian |
| getAttributeNodeNS () | Ibalik ang node ng katangian para sa katangian na may ibinigay na namespace at pangalan |
| getE ElementByTagName () | Magbigay ng isang koleksyon ng lahat ng mga elemento ng bata na may tinukoy na pangalan ng tag |
| getE ElementByTagNameNS () | Ibalik ang isang live na koleksyon ng mga elemento ng HTML na may isang tiyak na pangalan ng tag na kabilang sa ibinigay na namespace |
| hasAttribute () | Ibalik ang totoo kung ang anumang elemento ay may anumang mga katangian, kung hindi man ay bumalik nang hindi totoo |
| hasAttributNS () | Magbigay ng isang totoo / maling halaga na nagpapahiwatig kung ang kasalukuyang elemento sa isang ibinigay na namespace ay may tinukoy na katangian |
| alisinAttribute () | Alisin ang isang tinukoy na katangian mula sa isang elemento |
| alisinAttributeNS () | Alisin ang tinukoy na katangian mula sa isang elemento sa loob ng isang tiyak na namespace |
| tanggalinAttributeNode () | Alisin ang isang tinukoy na node ng katangian at ibalik ang tinanggal na node |
| setAttribute () | Itakda o baguhin ang tinukoy na katangian sa isang tinukoy na halaga |
| setAttributeNS () | Magdagdag ng isang bagong katangian o baguhin ang halaga ng isang katangian na may ibinigay na namespace at pangalan |
| setAttributeNode () | Itakda o baguhin ang tinukoy na node ng katangian |
| setAttributeNodeNS () | Magdagdag ng isang bagong namespaced na node ng katangian sa isang elemento |
| Mga Katangian ng Window ng Browser | |
| sarado | Suriin kung ang isang window ay sarado o hindi at bumalik na totoo o mali |
| defaultStatus | Itakda o ibalik ang default na teksto sa statusbar ng isang window |
| dokumento | Ibalik ang object ng dokumento para sa window |
| mga frame | Ibalik lahat |