Diskuze: Asynchronní JavaScript
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 3 zpráv z 3.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
synchonni js - nedava smysl
Asynchonni prenos - funguje tak, ze uzivatel pozada o data a druha strana mu je posila. Mezitim s programem je mozne delat dalsi kod.
Synchroni - tvuj kod ceka na dostahovani souboru. Pokud druhy server je pomaly, 40 min., tak tvuj program 40min je zasekly.
Ve win funguje neco jako planovac uloh. Ty mu zadas ukol, stahuj soubor a on se pokusi kazdych treba 100ms kontaktovat druhy pc a pozadat ho o data. Tato operace trva treba 10ms, kdyz nedostane odpoved, 80ms, kdyz ano. V pripade zadnych dat muze tvuj program delat neco jineho.
U js to funguje tak, ze pro asychronni prenos potrebujes predat funkci odkaz
na navratovou funkci. Cili, co se ma udelat, az bude soubor dostahovan.
synch - A(); B(); C();
asynch - A(C); B();
A je prenosova funkce, B nejaky kod, na kterem ti nezalezi, C funkce po ukonceni
prenosu.
V prvnim pripade se ceka, az A skonci, pak se provede B a pak C.
V druhem pripade se spusti prenos A, a jestli bezi nebo ne, zacne se provadet B.
Pokud prenos skonci driv, tak treba uprostred kodu B zacne provadet soucasne kod
C.
Jestli chces neco podobneho, tak napriklad <img src="..."
onload="C();">. Defaultne je prenos prohlizece asynchronni, takze si bude
stahovat obrazek a zobrazi ti mezitim zbytek html kodu. A po skonceni stahovani
spousti C.
Kdybys tam misto obrazku dal tag script, a ten js se ne a ne nacist, tak by se
nemel zobrazit ani zadny html kod pod tagem. (ale takovou situaci resi kazdy
prohlizec trochu jinak, takze, mozna se to takto nezachova)
<script src=url></script> Kod, ktery ceka na tag script
Zobrazeno 3 zpráv z 3.
