Cheat sheet JavaScript Nejlepší interaktivní cheat sheet

Obsah:

Anonim

Cheat Sheet JavaScript - úvod

JavaScript je skriptovací jazyk na straně klienta i na straně serveru, který lze vložit na stránky HTML a interpretovat jej pomocí webových prohlížečů. JavaScript je programovací jazyk založený na objektech. Je vyvinut společností Netscape. JavaScript je lehký a multiplatformový. JavaScript není kompilovaný jazyk, ale je to překladový jazyk. Překladač JavaScriptu zabudovaný do prohlížeče, který je zodpovědný za překlad kódu JavaScript pro webový prohlížeč. JavaScript se používá při ověřování na straně klienta, používá se k vytvoření interaktivního webu, v dnešním světě je přítomno mnoho rámců JavaScriptu. JavaScript, který pomáhá budovat atraktivnější webové stránky, zvyšuje výkon webových aplikací tím, že dělá práci na straně klienta. Provede ověření na straně klienta a poté přesměruje na server, takže server nemusí řešit neplatná vstupní data uživatele. JavaScript se používá při manipulaci s událostmi, jako je kliknutí na tlačítko, najetí myší, přetažení myší, přetažení myši, vložení myši, vysunutí myši. Můžeme načíst na tělo HTML stránky pomocí JavaScriptu pomocí metody unload, metoda onload se nazývá načtením webové stránky na tuto událost, můžeme zavolat JavaScript funkci pro zlepšení výkonu. JavaScript nevyžaduje drahé nástroje pro vývoj.

Příkazy a obsah na Cheat Sheet JavaScript

JavaScript napsal uvnitř značky skriptu, která se může vyskytovat kdekoli na webové stránce HTML, ale tuto značku je doporučeno používat uvnitř značky head HTML.

Příklad.









Značka skriptu má dva atributy „jazyk“ a typ.

Jazyk říká, který jazyk použijeme a napíšeme pro skriptovací jazyk.

Nad programovým výstupem - Ahoj svět! Test

Javascript ignoruje nové řádky, mezery, karty. Středník je volitelný v jazyce javascript, v případě absence středníku nebude házet chybu kompilace jako jiný jazyk. JavaScript je jazyk rozlišující malá a velká písmena. To znamená, že jazykové proměnné, klíčová slova, názvy funkcí a identifikátory musí být vždy psány s konzistentní kapitalizací písmen.

Komentáře v JavaScriptu

Jakýkoli text mezi // a koncem řádku je považován za komentář a JavaScript jej ignoruje. Jakýkoli text mezi znaky / * a * / je považován za komentář. To může zahrnovat více řádků. Javascript také rozpozná, že sekvence HTML pro otevření komentáře není rozpoznána skriptem JavaScript, takže by měla být zapsána jako // ->.


// type2
/*
* type3
*/
//--> typ4

// type2
/*
* type3
*/
//--> typ4

Příklad 1 - jak napsat javascript do značky head?











Ve výše uvedeném příkladu po kliknutí na tlačítko se zobrazí výstražné okno s uvítacím světem.

2. Psaní javascriptu v části těla









Toto je tělo webové stránky

Způsob zahrnutí externího souboru js do stránky HTML.




3. Typy JavaScriptu: -

Javascript podporuje 3 primitivní datové typy, které následují.

  • Číslo
  • Boolean
  • Tětiva

Spolu s ním definuje triviální datový typ null, undefined a podporující kompozitní datový typ také známý jako objekt.

4. Proměnné JavaScriptu

Proměnná je název daného paměťového místa, např.





Javascript rezervoval klíčová slova

  • abstract else instanceof switch boolean enum int synchronized
  • přerušit exportní rozhraní tento bajt prodlužuje dlouhý hod
  • případ nativní hody FALSE zachytí poslední nový přechodný stav
  • char konečně null TRUE třída float try try
  • const pro soukromý typ pokračovat funkce chráněné var
  • debugger goto public void default, pokud návrat volatile
  • smazat nářadí krátce, zatímco importovat statické pomocí
  • zdvojnásobit v super

5. Operátor Javascript

Podporuje následujícího operátora.

  • Aritmetické operátory
  • Logické (nebo relační) operátory
  • Porovnání operátorů
  • Operátoři přiřazení
  • Podmíněné (nebo ternární) operátoři

6. Smyčky v Javascriptu

Javascript podporuje následující smyčky

for loop, while loop, for in loop.

Tipy a triky zdarma Cheat sheet Příkazy JavaScript: -

  • Javascript se většinou používá pro ověření na straně klienta, jako je ověření textového pole, takže uživatel může do textového pole zadat správná data a mnoho dalšího, vždy je nejlepší psát javascript v externím souboru a zahrnout ho do stránky HTML
  • null, undefined, 0, false, NaN, “(prázdný řetězec) jsou false.
  • Jak zkontrolovat daný argument je číslo

function isNumberTest(n)(
return !isNaN(parseFloat(n)) && isFinite(n);
)

  • Získání min a max pro dané pole

var numbers = (5, 458, 120, -215, 228, 400, 122205, -85411);
var max = Math.max.apply(Math, numbers);
var min = Math.min.apply(Math, numbers);

  • jak použít metodu funkce map () k procházení položek pole

var squares = (1, 2, 3, 4, 5).map(function (val) (
return val * val;
));
// squares will be equal to (1, 4, 9, 16, 25)

Jak používat operátor čárky v javascriptu

var a = 0;
var b = ( a++, 120 );
console.log(a); // a will be equal to 1
console.log(b); // b is equal to 120

  • Vyhněte se použití smyčky předvolby pro pole, s (), eval () nebo konstruktorem funkce, záporné indexy v polích.
  • Použijte příkaz switch / case namísto řady if / else, použijte příkaz switch / case s číselnými rozsahy.

Cheat Sheet JavaScript - závěr

Jak jsme viděli, jak mocný javascript, můžeme tento jazyk na našem webu použít, aby byl atraktivnější a škálovatelnější. Poskytuje front-end validaci, která pomáhá zlepšovat výkon webové aplikace, jinak musíme předložit formulář a ověření probíhá na ser serveru, který strana serveru, která bude stát výkon. Dnes je na světě mnoho podváděcích listů javascriptových rámců, které mohou učinit naše webové stránky atraktivnějšími a výkonnějšími. To znamená, že můžeme použít cheat sheet javascript jako skriptovací jazyk na přední straně, kdykoli je potřeba náš projekt.

Doporučené články

To byl průvodce Cheat Sheet JavaScript zde jsme diskutovali o obsahu a příkaz, stejně jako bezplatné tipy a triky příkazů Cheat Sheet JavaScript. Další informace naleznete také v následujícím článku -

  1. Cheat sheet SQL
  2. Cheat sheet JQuery | Užitečný průvodce po JQuery
  3. Cheat sheet pro UNIX
  4. Cheat Sheet CCNA | (Příkazy, tipy a triky zdarma)
  5. Capex vs Opex: Výhody
  6. Co je to matematické funkce JavaScriptu?