Archiv rubriky: Užitečné

Debugování nativních akcí prohlížeče

Každý asi ví, že Javascriptový kód jde debugovat vložením slova debugger do kódu nebo vložením breakpointu – což je omezeno tím, že jde vložit jen do JS souboru. Věděli jste ale, že je možné zastavit vykonávání javascript v okamžiku, kdy je zavolána nativní funkce prohlížeče nezávisle na to, která část javascriptu ji vyvolala?

Pokračování textu Debugování nativních akcí prohlížeče

ES6 v kostce

Nová verze JavaScriptu zvaná ES6 (ECMAScript 6) je k dispozici již skoro 7 let a za tu dobu se již dostala do všech překladačů (např. Node.js) a i všech moderních prohlížečů.

ES6 nepřináší příliš nových funkčností ale spíše se zaměřuje na to, aby se používání stávajících funkcionalit stalo snažší a aby nebylo potřeba psát tolik kódu (podle DRY). Co všechno tedy přináší nového v porovnání s předchozí verzí?

Pokračování textu ES6 v kostce

Grunt, nebojte se automatizace

Grunt je Node.js modul (NPM), pomocí kterého můžete psát úkoly, které na rozdíl od BATCH a SHELL skriptů jsou nezávislé na systému … a hlavně je můžete psát v Javascriptu.

Nemusíte se ale bát, že se svými skromnými znalostmi jQuery nebudete vědět, jak psát skripty pro Node.JS. Úkolem Gruntu je právě co nejvíce zjednodušit nastavení úkolů, které se tak spíše podobá konfiguraci JSON souboru (i když je to JS a ne JSON).

Pokračování textu Grunt, nebojte se automatizace

Clear site: Zametáme data

Javascript i server si mohou do prohlížeče ukládat nejrůznější data, např. Cookies, LocalStorage, atd. Stejně tak prohlížeč si může uložit data stránky (styly, skripty, apod.) do cache. Je toho tolik, že ani nemůžete mít přehled o tom, co všechno má váš server v prohlížeči uživatele uloženo.

Jak ale zajistit, aby se v případě odhlášení, nasazení nové verze nebo v nejhorším případě útoku, vše vymazalo nebo vrátilo do požadovaného stavu?

Pokračování textu Clear site: Zametáme data

Generátor dat (ECMA6 function* a yield)

Nová verze JavaScriptu (známá jako ECMAscript 6, ES6 nebo ECMAScript 2015) přináší nová klíčová slova function* a yield, které můžete použít pro tzv. Generátory.

Smysl generátoru je v tom, že funkce může při každém zavolání vrátit jinou hodnotu aniž by bylo potřeba si nějak pamatovat, jaká byla poslední vrácená hodnota. Funkce zpravidla vypadá tak, že uvnitř cyklu vracíte hodnotu pomocí yield a JS sám zajistí, že funkce bude fungovat jako generátor.

Pokračování textu Generátor dat (ECMA6 function* a yield)

Jak vytvářet generované funkce

jQuery a další frameworky často používají speciální techniku pro vytváření JavaScriptových funkcí, kdy, místo aby uváděli zdrojový kód pro každou funkci, nadefinují jména funkcí a obecný kód, který funguje pro všechny funkce.

Podívejme se podrobněji na výhody a nevýhody tohoto přístupu a postupy, jak ho použít k vlastnímu prospěchu.

Pokračování textu Jak vytvářet generované funkce