Kas yra asus id. ASUS žiniatinklio saugykla: programos tikslas ir galimybės

12/28/13 5,8 tūkst

Beveik visi darbalaukiai ir mobiliosios programos Reikia kažkur saugoti vartotojo duomenis. Bet kaip su svetainėmis? Anksčiau šiam tikslui naudojome slapukus, tačiau jie turi didelių apribojimų.

HTML5 suteikia geresnių įrankių šiai problemai išspręsti. Pirma priemonė yra IndexedDB, kuris yra perteklinis, kai kalbame apie slapukų pakeitimą, o antrasis yra Web Storage, kuris yra dviejų labai paprastų API derinys. Štai ką aš jums šiandien papasakosiu.

Kas yra žiniatinklio saugykla?

Apskritai žiniatinklio saugykla (taip pat žinoma kaip DOM saugykla) reiškia API rinkinį, kurio tikslas paprastas būdas duomenų saugojimas kliento pusėje naršyklėje. Ši technologija yra saugesnė ir greitesnė už slapukus, jau nekalbant apie galingesnę.

Duomenys saugomi vartotojo naršyklėje ir neperduodami tinkle kaip slapukai. Be to, galite sutaupyti daugiau informaciją, nei naudojant slapukus, nedarant įtakos jūsų svetainės veikimui.

„Web Storage“ suteikia du puikius duomenų saugojimo objektus:

localStorage: Naudodami šį objektą išsaugosite duomenis be galiojimo datos. Tai reiškia, kad duomenys bus visam laikui išsaugoti vietiniame vartotojo diske.

sessionStorage: naudojant šį objektą, jūsų saugomi duomenys išliks saugykloje, kol lankytojas uždarys naršyklę (bet ne skirtuką). Geras variantasŠis objektas skirtas laikiniems duomenims, pvz., vartotojo užpildytų formų turiniui, saugoti, jei vartotojas netyčia uždarytų skirtuką arba atnaujintų puslapį.

einam!

Taigi, dabar, kai žinome, kas yra žiniatinklio saugykla, laikas į ją pasinerti giliau.

vietinė saugykla

Duomenų saugojimas „localStorage“ yra labai paprastas – tereikia juos deklaruoti kaip nuosavybę. Duomenų skaitymas yra taip paprasta, kaip toliau pateiktame pavyzdyje:

localStorage.myText = "Tai tekstas, kuris buvo išsaugotas naudojant localStorage objektą"; document.getElementById("tekstas").innerHTML= localStorage.myText;

sessionStorage

Duomenų saugojimas ir gavimas iš sessionStorage atliekami taip pat:

sessionStorage.myText = "Tai tekstas, kuris buvo išsaugotas naudojant sessionStorage objektą"; document.getElementById("tekstas").innerHTML= sessionStorage.myText;

Abu objektai turi setItem(), getItem() ir removeItem() metodus, kuriuos taip pat galite naudoti:

localStorage.setItem("naudotojo vardas","Džonis"); console.log(localStorage.getItem("naudotojo vardas")); localStorage.removeItem("naudotojo vardas"); //Džonio nebėra!

Taip pat galite juos kartoti, kaip ir paprastus objektus, ir patikrinti jų ilgį:

console.log(localStorage.length); for(var i in localStorage)(console.log(localStorage[i]);)

Tai tik žiniatinklio saugyklos naudojimo pagrindai, tačiau to pakaks įdiegti API savo žiniatinklio programose.

Yra dar šaunesnių dalykų, kuriuos galite padaryti naudodami žiniatinklio saugyklą, kaip pamatysite dabar.

Naršyklės palaikymas

Kaip visada su nuostabiomis HTML5 funkcijomis, prieš naudodamiesi šiomis funkcijomis turėtumėte peržiūrėti palaikomų naršyklių sąrašą. Web Storage palaiko beveik visos šiuolaikinės naršyklės, įskaitant IE8+, todėl ji paruošta naudoti.

Deja, IE7 ir ankstesnės „Internet Explorer“ versijos nepalaiko API, todėl, jei norite palaikyti šias versijas, turėsite naudoti vieną iš toliau pateiktų atsarginių variantų.

„Javascript“ bibliotekos, skirtos žiniatinklio saugyklai

Štai keletas puikių „JavaScript“ bibliotekų, kurios perkelia žiniatinklio saugyklą į kitą lygį:

basket.js

Paprasta koncepcijos įrodymo scenarijaus įkėlimo programa, talpinanti scenarijus naudojant „localStorage“.

Kizzy

Lengva, kelioms naršyklėms skirta JavaScript vietinės saugyklos priemonė.

LocalDB.js

Įrankis, susiejantis duomenų bazės struktūras su objektais, naudojant „localStorage“ API.

Rockstage.js

„JavaScript“ biblioteka, kad būtų lengviau naudoti „localStorage“ ir „sessionStorage“.

Saugykla debesyje nebėra nauja. Beveik kiekviena gerai žinoma ir geros reputacijos korporacija savo produktams palaiko debesies saugyklą. ASUS nėra išimtis ir siūlo klientams naudoti „debesį“. Tai galima padaryti keliais būdais, o žiniatinklio saugyklos įrankis yra vienas iš sprendimų. Kokia tai programa ir kokias galimybes vartotojas gauna įdiegęs ją kompiuteryje, aptarsiu šiame leidinyje.

Apie programą

Tai debesies saugykla, kurią teikia ASUS visiems populiariems operacinės sistemos. Paslauga gali naudotis bet kas.

Tarifų planas

Nemokamai tarifų planą apima:

5 GB vietos diske.
Vieno failo įkėlimo limitas yra 500 MB.
Atsarginė kopija 1 kompiuteryje.

Žinoma, pagal šių dienų standartus 5 GB nepakanka, tačiau pagal analogiją su kitomis populiariomis debesų saugyklomis tai yra priimtinas skaičius. Iki šiol:

Po OneDrive - 5 GB.
DropBox - 2 GB.
„Google“ diskas – 15 GB.
Mail.ru debesis - 15 GB (galimos akcijos padidinti vietos diske).

Mokamas tarifų planas kardinaliai pakeičia situaciją.

Vieta diske	200 GB	2 TB	5 TB
Kaina, USD	29,99	99,99	419,99
Failų įkėlimo limitas	10 GB	10 GB	10 GB
Atsarginė kopija	viename kompiuteryje	2 kompiuteriuose	2 kompiuteriuose
Versijų istorija	per 30 dienų	per 30 dienų	per 30 dienų
Atsiliepimai	Taip	Taip	Taip

Galimybės

Debesyje yra šios funkcijos:

Prieiga prie failų
Ryšys	Debesis veikia su 7 OS ir 4 populiariomis naršyklėmis, todėl pasiekiamas beveik iš bet kurio įrenginio su interneto prieiga.
Sąsaja	Paprasta ir intuityvi sąsaja leidžia valdyti ir stebėti informaciją.
Automatinis nuotraukų ir vaizdo įrašų sinchronizavimas	Fotoaparatu nufotografuotų nuotraukų ir vaizdo įrašų automatinio sinchronizavimo funkcijos nustatymas.
Rezervacija	Galima padaryti atsarginė kopija duomenis kompiuteryje. Duomenų atkūrimas atliekamas vienu mygtuko paspaudimu.
Ieškoti	Paieška leidžia rasti reikalingus duomenis naudojant raktinį žodį.
Failų perkėlimas
Nuorodos	Galite sukurti nuorodą į bet kokius debesies duomenis ir bendrinti jais su šeima ir draugais.
Pašto apsauga	Slaptažodis ir galiojimo laikas padės apsaugoti failų siuntimą iš trečiųjų šalių.
sąskaita	Galite naudoti vieną profilį viešajam ir namų debesiui tvarkyti
Saugumas
Dviejų veiksnių autentifikavimas	Ši funkcija kas 30 sekundžių generuoja dinaminį slaptažodį (OTP), kad užtikrintų saugumą.
Prisijungimo žurnalas	Prisijungimas prie debesies išsaugomas, būtent laikas ir IP.
Viruso patikrinimas	Į debesį įkeltus failus tikrina internetinis skaitytuvas, ar nėra virusų. Jei antivirusinė programa aptinka kenkėjišką programą, ji automatiškai siunčiama į karantiną.

ASUS įrenginių su iš anksto įdiegta WebStorage savininkams suteikiama daugiau galimybių ir privalumų.

Darbas su programa

Norėdami pradėti naudotis WebStorage, turite atsisiųsti atitinkamą programą.

Staliniam kompiuteriui

Norėdami naudoti darbalaukio programą, atsisiųskite diegimo programą iš oficialios svetainės:

Norėdami sinchronizuoti failą su WebStorage, perkelkite jį į aplanką MySyncFolder patys arba naudodami atitinkamą kontekstinio meniu funkciją.

Apie programą

Tai debesų saugykla, kurią teikia ASUS visoms populiarioms operacinėms sistemoms. Paslauga gali naudotis bet kas.

Tarifų planas

Į nemokamą planą įeina:

5 GB vietos diske.
Vieno failo įkėlimo limitas yra 500 MB.
Atsarginė kopija 1 kompiuteryje.

Žinoma, pagal šių dienų standartus 5 GB nepakanka, tačiau pagal analogiją su kitomis populiariomis debesų saugyklomis tai yra priimtinas skaičius. Iki šiol:

Po OneDrive - 5 GB.
DropBox - 2 GB.
„Google“ diskas – 15 GB.
Mail.ru debesis - 15 GB (galimos akcijos padidinti vietos diske).

Mokamas tarifų planas kardinaliai pakeičia situaciją.

Vieta diske	200 GB	2 TB	5 TB
Kaina, USD	29,99	99,99	419,99
Failų įkėlimo limitas	10 GB	10 GB	10 GB
Atsarginė kopija	viename kompiuteryje	2 kompiuteriuose	2 kompiuteriuose
Versijų istorija	per 30 dienų	per 30 dienų	per 30 dienų
Atsiliepimai	Taip	Taip	Taip

Galimybės

Debesyje yra šios funkcijos:

Prieiga prie failų
Ryšys	Debesis veikia su 7 OS ir 4 populiariomis naršyklėmis, todėl pasiekiamas beveik iš bet kurio įrenginio su interneto prieiga.
Sąsaja	Paprasta ir intuityvi sąsaja leidžia valdyti ir stebėti informaciją.
Automatinis nuotraukų ir vaizdo įrašų sinchronizavimas	Fotoaparatu nufotografuotų nuotraukų ir vaizdo įrašų automatinio sinchronizavimo funkcijos nustatymas.
Rezervacija	Galima daryti atsargines duomenų kopijas kompiuteryje. Duomenų atkūrimas atliekamas vienu mygtuko paspaudimu.
Ieškoti	Paieška leidžia rasti reikalingus duomenis naudojant raktinį žodį.
Failų perkėlimas
Nuorodos	Galite sukurti nuorodą į bet kokius debesies duomenis ir bendrinti jais su šeima ir draugais.
Pašto apsauga	Slaptažodis ir galiojimo laikas padės apsaugoti failų siuntimą iš trečiųjų šalių.
sąskaita	Galite naudoti vieną profilį viešajam ir namų debesiui tvarkyti
Saugumas
Dviejų veiksnių autentifikavimas	Ši funkcija kas 30 sekundžių generuoja dinaminį slaptažodį (OTP), kad užtikrintų saugumą.
Prisijungimo žurnalas	Prisijungimas prie debesies išsaugomas, būtent laikas ir IP.
Viruso patikrinimas	Į debesį įkeltus failus tikrina internetinis skaitytuvas, ar nėra virusų. Jei antivirusinė programa aptinka kenkėjišką programą, ji automatiškai siunčiama į karantiną.

ASUS įrenginių su iš anksto įdiegta WebStorage savininkams suteikiama daugiau galimybių ir privalumų.

Darbas su programa

Norėdami pradėti naudotis WebStorage, turite atsisiųsti atitinkamą programą.

Staliniam kompiuteriui

Norėdami naudoti darbalaukio programą, atsisiųskite diegimo programą iš oficialios svetainės:

Norėdami sinchronizuoti failą su WebStorage, perkelkite jį į aplanką MySyncFolder patys arba naudodami atitinkamą kontekstinio meniu funkciją.

„AppCache“ išsprendžia problemą, kai kai kurie svetainės elementai pasiekiami neprisijungus, tačiau galbūt norėsite išsaugoti tam tikrą kiekį vartotojo duomenų arba, pavyzdžiui, jo naujausius paieškos užklausos. Kitu atveju galbūt norėsite saugoti labiau struktūrizuotus duomenis. Bet kokiu atveju Web Storage ir WebSQL bus geriausias sprendimas.

Mes naudojame žiniatinklio saugyklą

Web Storage puikiai tinka saugoti nedidelius informacijos kiekius, o ne dideles lenteles su duomenimis, apie kurias trumpai pakalbėsime šiame straipsnyje ir pažvelgsime į pavyzdžius. Išsamesnę informaciją galite rasti atskirame straipsnyje apie žiniatinklio saugyklą.
Yra daug vietų, kur dažni elektros energijos tiekimo nutraukimai yra dažnas reiškinys („Chubais, hello! :)“, iš vertėjo). Vartotojas turi sėdėti ir laukti, kol tęs savo darbą internete, kol bus įjungta elektra. Įsivaizduokite, jei kas nors atsidurtų panašioje situacijoje, svetainėje užpildytų kelių puslapių formą, įvestų ilgą tinklaraščio straipsnį ar svarbų el. laišką. Nutrūkus elektrai (arba išsikrovus akumuliatoriams), vartotojas praras visus šiuos duomenis. Ar ne geriau, jei prisijungus prie tinklo visi jo neišsaugoti įrašai būtų prieinami, su kuriais jis dirbtų toliau?
Pažiūrėkime, ką galime padaryti puslapyje, kuriame yra įprastas teksto laukas </i>? Puslapis turi išsaugoti viską, ką įvedame į vietinę saugyklą kas kelias sekundes, o jei jis įkeliamas iš naujo arba uždaromas, puslapis turėtų įkelti paskutinį lauke įrašytą tekstą. <br>Tarkime, kad mūsų puslapyje yra laukas <i><textarea> </i> Su <i>id</i>"juodraštis": <br> ... <textarea id="draft" rows="10" cols="30"> ...
Parašykime paprasta funkcija, kuris išsaugos turinį vietinėje saugykloje </i>:<br>funkcija saveMessage())( var pranešimas = document.getElementById("juodraštis"); localStorage.setItem("pranešimas", pranešimas.vertė)) <br>Nustatykime išsaugojimo intervalą į pusę sekundės: <br>setInterval(saveMessage, 500); <br><br>Taip pat turite įsitikinti, kad kiekvieną kartą, kai puslapis atidaromas arba įkeliamas iš naujo, į teksto lauką būtų įkeliamas paskutinis išsaugotas turinys iš vietinės saugyklos ( <i>vietinė saugykla</i>):<br>window.addEventListener("DOMContentLoaded", loadMessage, false); function loadMessage() ( var textbox = document.getElementById("juodraštis"); var pranešimas = localStorage.getItem("pranešimas"); if (!message) ( textbox.value = ""; )else ( textbox.value = pranešimas ; ) ) <br>Peržiūrėkite darbo su žiniatinklio saugykla pavyzdį. Tai be galo nuostabu <br>Tai puikus dalykas, jei reikia saugoti mažas informacijos dalis vietoje. <h3>Dirbame neprisijungę</h3>Norėdami perjungti į neprisijungus režimą, turite jį iš tikrųjų suaktyvinti (naršyklėje „Opera“: „Meniu“ → „Nustatymai“ → „Darbas neprisijungus“ arba „Failas“ → „Darbas neprisijungęs“). Turtas <i>navigator.onLine</i> reikalais <i>klaidinga</i> jei naršyklė neprisijungusi, kitu atveju tai svarbu <i>tiesa</i>. Tačiau daugeliu atvejų geriau būtų naudoti įvykius. Kai vartotojas atsijungia neprisijungęs, įvykis suaktyvinamas <i>neprisijungus</i>, kai persijungia atgal – atitinkamai <i>internete</i>. Tai galite naudoti norėdami parodyti nedidelį pranešimą apie prisijungimą prie interneto. <br>Gausite kažką panašaus: <br>... window.addEventListener("offline", function())(showWarningDiv("on")), false); window.addEventListener("online", function())(showWarningDiv("off")), false); ... funkcija showWarningDiv(status)( var warningdiv = document.getElementById("perspėjimas"); if (status == "on")( warningdiv.innerHTML = " <p style=\"padding:3px;\">Šiuo metu <a href="https://dayofdefeat.ru/lt/o-znachenii-frazy-how-do-you-do-i-perevod-na-russkii-kak-otvechat-na-how-are/">tu esi</a> neprisijungus režimu. Šis pranešimas išsaugomas ir bus išsiųstas į serverį, kai kitą kartą būsite prisijungę.</p>"; ) else ( warningdiv.innerHTML = ""; ) ) <br><br>Tikslinga užtikrinti, kad formose nebūtų bandoma pateikti duomenų, kai vartotojas dirba neprisijungęs. Norėdami tai patikrinti, galime atlikti šiuos veiksmus: <br>... window.addEventListener("pateikti", pateiktiForma, false); ... funkcija submitForm())( saveMessage(); if (!navigator.onLine)( return false; ) ) <br>Įvykis suaktyvinamas, kai pateikiami formos duomenys. <i>pateikti</i>, kuri iškviečia funkciją <i>pateikti formą ()</i>. Ši funkcija pirmiausia išsaugos pranešimą vietinėje saugykloje, tada, jei vartotojas neprisijungs, duomenys niekur nebus siunčiami. <br>Galite patobulinti šį pavyzdį, kad jis kas kelias sekundes išsaugotų kopiją serveryje, kad ji būtų pasiekiama, jei vartotojas netyčia ištrintų savo duomenis. Tai ypač svarbu tais atvejais, kai dirbate, pavyzdžiui, su konfidencialia informacija: jūs, tarkime, norite informacijos apie savo <a href="https://dayofdefeat.ru/lt/onlain-zayavka-na-kredit-s-plohoi-kreditnoi-istoriei/">kreditine kortele</a> buvo saugomas tik pas jus – vietinėje saugykloje. <br>Taip pat žiūrėkite pažangesnį pavyzdį, kuriame naudojamas informacijos saugojimas <i>sessionStorage</i>. Jei puslapio neuždarysite (net jei jis bus įkeltas iš naujo), teksto laukelyje įvestas tekstas ten liks. Puslapis taip pat kas kelias sekundes išsiųs šio lauko turinį į serverį ir atitinkamai atnaujins paskutinį išsaugojimo laiką. Šis metodas gali būti naudojamas tinklaraščių varikliuose ir paslaugose <a href="https://dayofdefeat.ru/lt/otpravit-po-elektronnoi-pochte-luna-v-goroskope-u-zhenshchiny/">paštu</a> periodiškai išsaugoti „juodraščius“, kurie leis tęsti darbą iškilus ryšio problemoms. <h3>WebSQL: daugiau informacijos neprisijungus</h3>Žiniatinklio saugykla puikiai tinka nedideliam informacijos kiekiui saugoti, bet ką daryti, jei norime saugoti visą duomenų bazę? Kaip apie žiniatinklio programą, kuri gali pateikti įvairias duomenų bazės užklausas ir joje ieškoti? <br>Čia Web Storage nebeleis plėstis – reikia kažko patikimesnio. Būtent - WebSQL. WebSQL yra vietinė SQLite duomenų bazė, kurioje galite saugoti duomenis naudodami Javascript ir SQL derinį. <h5>Darbas su WebSQL duomenų bazėmis</h5>Pirmiausia turite įsitikinti, kad jūsų naršyklė palaiko WebSQL? Tai galima padaryti per nuosavybę <i>window.openDatabase</i>:<br>if (window.openDatabase)( //rest of your code ) else( alert("Panašu, kad jūsų naršyklė nepalaiko WebSQL. Naudokite naršyklę, kuri palaiko, kitaip šios programos dalys gali neveikti taip, kaip numatyta.") //arba bet koks kitas panašus pranešimas) <h5>Duomenų bazės kūrimas ir atidarymas</h5>Galite sukurti ir atidaryti duomenų bazę naudodami komandą <i>openDatabase</i>, Taigi: <br>var db = openDatabase("food_db", "1.0", "Web SQL Storage Demo Database", 1*1024*1024); // sukuria duomenų bazę pavadinimu „food_db“, kurios versijos numeris 1.0, aprašas kaip „Web SQL Demo Database“ ir 1 MB. <br>Ką tik sukūrėme duomenų bazę <i>maistas_db</i>"versija" 1.0 su aprašymu <i>„Žiniatinklio SQL saugyklos demonstracinė duomenų bazė“</i>, 1 MB dydžio. Kintamasis <i>db</i> yra rodyklė į duomenų bazės objektą, kurį naudosime vėliau. <br><h5>Darbas su duomenų baze</h5>Sukūrėme ir atidarėme duomenų bazę. Dabar galite atlikti įvairias operacijas naudodami SQL komandas. Operacijas atliksime iškvietus funkciją <i>sandoris ()</i> duomenų bazės objektas (mūsų atveju tai yra <i>db</i>). Jo iškvietimas grąžina objektą kaip žymeklį, ant kurio vykdysime įvairias komandas <i>vykdytiSQL()</i>. Šios komandos sintaksė yra tokia: <br>executeSql(sqlStatement, argumentai, atgalinis skambutis, errorCallback); <br>Tik iš parametrų <i>sqlPareiškimas</i> yra privalomas, o kiti yra neprivalomi. <br>Taigi, pavyzdžiui, jei norime sukurti lentelę, turėsime parašyti taip: <br>... db.transaction(function(t)( // Tai yra atgalinis skambutis, kai operacijos objektas yra "t" t.executeSql("KURTI LENTELĘ, JEI NĖRA cal_list (maisto_pavadinimas TEKSTAS PIRMINIS RAKTAS, kalorijos REAL, porcijos TEKSTAS)" )); ... <br>Šis kodas sukurs lentelę <i>cal_list</i>(jei jo nebuvo) su laukeliais <i>maisto_pavadinimas</i>, <i>kalorijų</i> Ir <i>porcijos</i>.<h5>Įrašų įtraukimas į lentelę</h5>Paleisti užklausas įrašams pridėti prie lentelės yra paprasta WebSQL užduotis. Pažiūrėkime į pavyzdį: <br>var maisto_pavadinimas = "pica"; var_kalorijų_ kiekis = 320; var serving_size = "vienas gabalas"; db.transaction(function(t)( t.executeSql("INSERT INTO cal_list VALUES (?, ?, ?)", ); )); <br>Pirmasis klaustukas išeina iš parametro <i>maisto_pavadinimas</i>, antras - <i>kalorijų_suma</i> o trečias - <i>porcijos_dydis</i>. Šis kodas prideda įrašą prie lentelės <i>cal_list</i> su vertybėmis: <i>pica</i>, <i>320 </i> Ir <i>viena skiltelė</i> atitinkamus stulpelius. <br>Vykdykime dar vieną prašymą – gauti duomenis: <br>var min_cal_amount = 300; ... t.executeSql("SELECT * FROM cal_list WHERE kalorijos > ?", ); <br>Šis kodas pateiks užklausą, kad gautų visas eilutes su verte <i>kalorijų</i> didesnis nei 300: kintamasis paliekamas iš klaustuko <i>min_cal_amount</i>.<h5>Apdorojami užklausos rezultatai</h5>Na, mes sukūrėme duomenų bazę su lentelėmis, kuriose įrašėme duomenis, dabar norime padaryti užklausą ir rodyti rezultatus. Paprastai gauname krūvą vienos SQL užklausos rezultatų ir turime kažkaip apdoroti šiuos rezultatus, kad būtų rodomi lentelėje ar kitoje struktūrinėje puslapio formoje. Trečiasis executeSQL() funkcijos parametras nustato, ar užklausa buvo sėkmingai įvykdyta. Žemiau pateikiamas rezultatų apdorojimo pavyzdys: <br>var list = document.getElementById("sąrašas"); var maistas; var min_cal_amount = 400; var serving_size; adatbázis< r.rows.length; i++){ food = r.rows.item(i).food; amount_of_calories = r.rows.item(i).amount_of_calories; serving_size = r.rows.item(i).serving_size; list.innerHTML +="<li>„+food+“ turi „+amount_of_calories+“ KCAL vertės kalorijų.</li>"; ) ), function(t,e) (alert(e.message);)) )); <br>Pirmiausia nustatome elementų skaičių užklausos rezultate per <i>r.eilių.ilgis</i> ir paleiskite nuo 0 iki šios vertės. Kiekvieną prekę rasite adresu <i>r.rows.item(i)</i>, kur i yra eilutės numeris. Stulpelių pavadinimus galima gauti tokiu pat būdu. Norėdami gauti stulpelio vertę <i>maistas</i> mes naudojame <i>r.rows.item(i).food</i> ir tt kitiems stulpeliams. <h1>Viską naudojame iš karto</h1>Gali būti, kad norėsite kartu naudoti žiniatinklio saugyklą, programų talpyklą ir WebSQL. Tai įmanoma, viskas priklauso nuo problemų, kurias reikia išspręsti. Pavyzdžiui, jei norite išsaugoti tik kai kuriuos vartotojo nustatymus, naudoti WebSQL būtų per daug. Tokiems tikslams geriau tinka žiniatinklio saugykla. <br>Tačiau jei turite didelį duomenų kiekį ir reikia kažkaip juos apdoroti, logiškiau būtų naudoti WebSQL. <br>Apsilankykite kalorijų pavyzdiniame puslapyje, kuriame kartu naudojamos visos trys technologijos: duomenų bazė saugoma žiniatinklio saugykloje, kad galėtumėte ieškoti net uždarę arba iš naujo įkeldami puslapį, „AppCache“ ir „WebSQL“ naudojami darbui neprisijungus suteikti. <br><h1>Palaukite... ar WebSQL specifikacijos nepatvirtintos?</h1>Tai dar ne galutinis. Bet jūs jau galite naudoti šią technologiją pateiktame naršyklių ir įrenginių sąraše. To negalima pasakyti apie IndexedDB, kuris neturi tokio kelių platformų palaikymo. Belieka laukti, kol specifikacija bus patvirtinta, o tai įvyks netrukus. <br>Taip pat svarbu pažymėti, kad kai kurios darbalaukio naršyklių versijos, tokios kaip Firefox ir Internet Explorer, nepalaikys WebSQL, jos veiks su IndexedDB. Šiuo atveju pirmoji vieta, kur galima naudoti „WebSQL“, yra išmaniųjų telefonų duomenų saugykla neprisijungus: palaikomos „Opera Mobile 11“ naršyklės, taip pat „WebKit“ varikliu pagrįstos naršyklės, skirtos „Android“ ir „iOS“ platformoms. <br>Geros naujienos apie „WebSQL“ yra tai, kad ji siūlo patogų įrankį neprisijungus veikiančiai duomenų bazei kurti naršyklėje. Ją lengva išmokti ir naudoti, ji leidžia greitai sukurti atskirą žiniatinklio programą, kuri vienu metu veiks keliose naršyklėse. <h1>Išvada</h1>Dabar žiniatinklio programos gali veikti visiškai neprisijungus, naudojant tokias technologijas kaip Application Cache, Web Storage ir WebSQL duomenų bazės. Mums reikia programos talpyklos, kad galėtume išsaugoti failus talpykloje, kad galėtume juos naudoti neprisijungę; Web Storage – nedideliam informacijos kiekiui saugoti, bet WebSQL bus <a href="https://dayofdefeat.ru/lt/prostoi-otreznoi-stanok-iz-bolgarki-svoimi-rukami-opisanie-foto-chertezhi/">patogus įrankis</a> dirbti su <a href="https://dayofdefeat.ru/lt/shestiugolnaya-prizma-obem-samaya-bolshaya-diagonal/">dideli kiekiai</a> duomenis. Kūrėjai, atsižvelgdami į savo poreikius, gali naudoti <a href="https://dayofdefeat.ru/lt/cvetochnye-yashchiki-dlya-balkona-kak-vyrastit-cvety-na-balkone-v/">skirtingas derinys</a>šias technologijas, kad būtų galima kurti atskiras programas. <p>Technologija yra perspektyvi. Ir, kaip įprasta, bus lenktynės... WebSQL ir IndexedDB, apie kurį jau buvo minėta Add tags</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> <div class="post-meta"> <div class="post-share"> <div class="post-share__title">Pasidalinkite su draugais:</div> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8" async="async"></script><div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter" data-counter=""></div> </div> </div> <script id="custom-block-59626008" type="text/javascript">custom_block(11, 59626008, 1691);</script> <div style="padding-bottom: 20px; padding-top: 10px;"><script id="custom-block-99844253" type="text/javascript">custom_block(15, 99844253, 1691);</script></div> <div class="title"><span>Susijusios publikacijos</span></div> <div class="yarpp-related"> <ul class="related"> <style> </style> <style> #perelink-horizontal{ vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 205px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img{ width:205px; height:195px; margin-bottom:10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/mozhno-li-est-mel-mozhno-li-est-mel-zhelanie-sest-mel/"> <img src="/uploads/11ecd4c4a00ced8015cc686e8b789756.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Ar galima valgyti kreidą Noras valgyti kreidą</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/lechenie-zuda-kozhi-golovy-i-tela-zudit-kozha-golovy-chto-delat-chto-delat/"> <img src="/uploads/6581327bb4a6693d6cc8a90555f94d9a.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Niežti galvos odą, ką daryti Ką daryti, jei labai stipriai niežti galvą</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/mozhno-li-strichsya-vo-vremya-beremennosti-chto-budet-esli/"> <img src="/uploads/1761c075d61261e9ff73f556501684d2.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Kas atsitiks, jei nusikirpsite plaukus nėštumo metu?</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/sestry-vertinskie-sudyatsya-anastasiya-vertinskaya-ugodila-v-kvartirnoe-delo/"> <img src="/uploads/cd43e4870cb683161e64f4220e91315e.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Anastasija Vertinskaja įkliuvo butų verslui Vertinskaja netiki paskutine velionio valia</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/kak-biznesmen-vyacheslav-rudnikov-stal-ocherednoi-zhertvoi-pechalno/"> <img src="/uploads/d8d8212ada156552e383b8f5ea12da88.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Viačeslavas Rudnikovas: „Dabartinis mūsų arbitražas yra komercinė parduotuvė Rudnikov Viačeslavas Aleksejevičius</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://dayofdefeat.ru/lt/chto-nuzhno-chtoby-stat-pilotom-passazhirskogo-samoleta-na-chto/"> <img src="/uploads/19c206ca346113e64edee1870a3e050a.jpg" height="195" width="205" loading=lazy loading=lazy> <span>Ko reikia norint tapti komercinių oro linijų pilotu?</span> </a> </div> </div> </ul> </div> </main> <aside class="sidebar sidebar_midle"> <div class="sidebar-menu"> <div class="title">Kategorijos</div> <ul> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/cottage-and-garden/">Kotedžas ir sodas</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/purity/">Grynumas</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/style/">Stilius</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/living-room/">Svetainė</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/interior/">Interjeras</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/childrens/">Vaikiškas</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://dayofdefeat.ru/lt/category/gazebos-verandas/">Pavėsinės, verandos</a> </li> </ul> </div> <div class="section-posts-box section"> <div class="title">Populiarūs straipsniai</div> <div class="section-posts"> <div class="section-posts__item"> <img src="/uploads/c2516f7508894a0e024afb3814bf6fe5.jpg" width="300" height="180" class="section-posts__item-img" alt="Šancevo atsistatydinimas: kodėl Kremlius taip skuba Valerijus Pavlinovičius Šancevas atsistatydinti" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://dayofdefeat.ru/lt/shancev-stal-kandidatom-na-otstavku-v-ramkah-rotacii-gubernatorov/">Šancevo atsistatydinimas: kodėl Kremlius taip skuba Valerijus Pavlinovičius Šancevas atsistatydinti</a> </div> <div class="section-posts__item-text">Antradienį prezidentas paskyrė Glebą Nikitiną, buvusį...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2021-12-10 14:22:31</time> </div> </div> <div class="section-posts__item"> <img src="/uploads/1a328558685d80c381c13cfb4f63a44d.jpg" width="300" height="180" class="section-posts__item-img" alt="Greičiausias reperis pasaulyje Greičiausias Rusijos reperis pasaulyje" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://dayofdefeat.ru/lt/samye-bystrye-repery-v-mire-samyi-bystryi-reper-v-mire-samyi-bystryi/">Greičiausias reperis pasaulyje Greičiausias Rusijos reperis pasaulyje</a> </div> <div class="section-posts__item-text">2016-01-22 01:33 · Johnny · 82 920 10 geriausių pasaulio reperių...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2021-12-05 15:01:15</time> </div> </div> <div class="section-posts__item"> <img src="/uploads/6dac8a9da7bb55778e88a87bed9b6283.jpg" width="300" height="180" class="section-posts__item-img" alt="Geriausi pokerio kambariai Koks yra geriausias pokerio kambarys šiandien?" / loading=lazy loading=lazy> <div class="section-posts__item-title"> <a href="https://dayofdefeat.ru/lt/luchshie-pokernye-rumy-luchshie-pokernye-rumy-kakoi-na/">Geriausi pokerio kambariai Koks yra geriausias pokerio kambarys šiandien?</a> </div> <div class="section-posts__item-text">Šiandien internetinių lošimų pramonė jau pasiekė vystymosi tašką, kai...</div> <div class="post-info section-posts__item-info"> <div class="post-info__comment"></div> <time class="post-info__time post-info__time_popular" datetime="">2021-12-05 15:01:15</time> </div> </div> </div> </div> <div class="section section_widget widget_text" id="text-2"> <div class="textwidget"> </div> </div> </aside> </div> </div> <footer class="footer"> <nav class="footer-nav"><ul><li class="menu-item type-post_type object-page "><a href="https://dayofdefeat.ru/lt/sitemap.xml">Svetainės žemėlapis</a></li> </ul></nav> <div class="footer-bottom"> <div class="copy">© 2024 Visos teisės saugomos</div> </div> </footer> </div> <script type="text/javascript">function dem_ready(e){ "use strict";var t,n=".democracy",i=e(n),o=".dem-screen",a=".dem-add-answer-txt",s=e(".dem-loader").first(),d={ };i.length&&(d.opts=i.first().data("opts"),d.ajaxurl=d.opts.ajax_url,d.answMaxHeight=d.opts.answs_max_height,d.speed=parseInt(d.opts.anim_speed),d.lineAnimSpeed=parseInt(d.opts.line_anim_speed),setTimeout(function(){ var t=i.find(o).filter(":visible"),n=function(){ t.each(function(){ d.setHeight(e(this),1)} )} ;t.demInitActions(1),e(window).on("resize.demsetheight",n),e(window).load(n),d.maxAnswLimit();var a=e(".dem-cache-screens");a.length>0&&a.demCacheInit()} ,10),e.fn.demInitActions=function(t){ return this.each(function(){ var n=e(this),i="data-dem-act";n.find("["+i+"]").each(function(){ e(this).attr("href",""),e(this).click(function(t){ t.preventDefault(),e(this).blur().demDoAction(e(this).attr(i))} )} );var o=!!n.find("input[type=radio][data-dem-act=vote]").first().length;o&&n.find(".dem-vote-button").hide(),d.setAnswsMaxHeight(n),d.lineAnimSpeed&&n.find(".dem-fill").each(function(){ var t=e(this);setTimeout(function(){ t.animate({ width:t.data("width")} ,d.lineAnimSpeed)} ,d.speed,"linear")} ),d.setHeight(n,t),n.find("form").submit(function(t){ t.preventDefault();var n=e(this).find('input[name="dem_act"]').val();n&&e(this).demDoAction(e(this).find('input[name="dem_act"]').val())} )} )} ,e.fn.demSetLoader=function(){ var e=this;return s.length?e.closest(o).append(s.clone().css("display","table")):t=setTimeout(function(){ d.demLoadingDots(e)} ,50),this} ,e.fn.demUnsetLoader=function(){ return s.length?this.closest(o).find(".dem-loader").remove():clearTimeout(t),this} ,e.fn.demAddAnswer=function(){ var t=this.first(),n=t.closest(o),i=n.find("[type=checkbox]").length>0,s=e('<input type="text" class="'+a.replace(/\./,"")+'" value="">');if(n.find(".dem-vote-button").show(),n.find("[type=radio]").each(function(){ e(this).click(function(){ t.fadeIn(300),e(a).remove()} ),"radio"==e(this)[0].type&&(this.checked=!1)} ),t.hide().parent("li").append(s),s.hide().fadeIn(300).focus(),i){ var d=n.find(a);e('<span class="dem-add-answer-close">×</span>').insertBefore(d).css("line-height",d.outerHeight()+"px").click(function(){ var t=e(this).parent("li");t.find("input").remove(),t.find("a").fadeIn(300),e(this).remove()} )} return!1} ,e.fn.demCollectAnsw=function(){ var t=this.closest("form"),n=t.find("[type=checkbox],[type=radio],[type=text]"),i=t.find(a).val(),o=[],s=n.filter("[type=checkbox]:checked");if(s.length>0)s.each(function(){ o.push(e(this).val())} );else{ var d=n.filter("[type=radio]:checked");d.length&&o.push(d.val())} return i&&o.push(i),o=o.join("~"),o?o:""} ,e.fn.demDoAction=function(t){ var i=this.first(),a=i.closest(n),s={ dem_pid:a.data("opts").pid,dem_act:t,action:"dem_ajax"} ;return"undefined"==typeof s.dem_pid?(console.log("Poll id is not defined!"),!1):"vote"!=t||(s.answer_ids=i.demCollectAnsw(),s.answer_ids)?"delVoted"!=t||confirm(i.data("confirm-text"))?"newAnswer"==t?(i.demAddAnswer(),!1):(i.demSetLoader(),e.post(d.ajaxurl,s,function(e){ i.demUnsetLoader(),i.closest(o).html(e).demInitActions()} ),!1):!1:(d.demShake(i),!1)} ,e.fn.demCacheShowNotice=function(e){ var t=this.first(),n=t.find(".dem-youarevote").first();return"blockForVisitor"==e&&(t.find(".dem-revote-button").remove(),n=t.find(".dem-only-users").first()),t.prepend(n.show()),setTimeout(function(){ n.slideUp("slow")} ,1e4),this} ,d.cacheSetAnswrs=function(t,n){ var i=n.split(/,/);if(t.hasClass("voted")){ var o=t.find(".dem-answers"),a=o.data("voted-class"),s=o.data("voted-txt");e.each(i,function(n,i){ t.find('[data-aid="'+i+'"]').addClass(a).attr("title",function(){ return s+e(this).attr("title")} )} ),t.find(".dem-vote-link").remove()} else{ var d=t.find("[data-aid]"),r=t.find(".dem-voted-button");e.each(i,function(e,t){ d.filter('[data-aid="'+t+'"]').find("input").prop("checked","checked")} ),d.find("input").prop("disabled","disabled"),t.find(".dem-vote-button").remove(),r.length?r.show():(t.find('input[value="vote"]').remove(),t.find(".dem-revote-button-wrap").show())} },e.fn.demCacheInit=function(){ return this.each(function(){ var t=e(this),i=t.prev(n);if(i.length||(i=t.closest(n)),!i.length)return void console.log("Main dem div not found");var a=i.find(o).first(),s=i.data("opts").pid,r=Cookies.get("demPoll_"+s),c="notVote"==r?!0:!1,f=!("undefined"==typeof r||c),l=t.find(o+"-cache.vote").html(),h=t.find(o+"-cache.voted").html();if(l){ var u=f&&h;if(a.html((u?h:l)+"").removeClass("vote voted").addClass(u?"voted":"vote"),f&&d.cacheSetAnswrs(a,r),a.demInitActions(1),!c&&!f&&1==t.data("opt_logs")){ var m,p=function(){ clearTimeout(m)} ,v=function(){ m=setTimeout(function(){ if(!i.hasClass("checkAnswDone")){ i.addClass("checkAnswDone");var t=i.find(".dem-link").first();t.demSetLoader(),e.post(d.ajaxurl,{ dem_pid:i.data("opts").pid,dem_act:"getVotedIds",action:"dem_ajax"} ,function(e){ t.demUnsetLoader(),e&&(a.html(h),d.cacheSetAnswrs(a,e),a.demInitActions(),a.demCacheShowNotice(e))} )} },700)} ;i.hover(v,p),i.click(v)} }} )} ,d.detectRealHeight=function(e){ var t=e.clone().css({ height:"auto"} ).insertBefore(e),n="border-box"==t.css("box-sizing")?parseInt(t.css("height")):t.height();return t.remove(),n} ,d.setHeight=function(t,n){ var i=d.detectRealHeight(t);n?t.css({ height:i} ):t.css({ opacity:0} ).animate({ height:i} ,d.speed,function(){ e(this).animate({ opacity:1} ,1.5*d.speed)} )} ,d.setAnswsMaxHeight=function(t){ if("-1"!==d.answMaxHeight&&"0"!==d.answMaxHeight&&d.answMaxHeight){ var n=t.find(".dem-vote, .dem-answers").first(),i=parseInt(d.answMaxHeight);n.css({ "max-height":"none","overflow-y":"visible"} );var o="border-box"==n.css("box-sizing")?parseInt(n.css("height")):n.height(),a=o-i;if(a>100){ n.css("position","relative");var s,r=e('<span class="dem__collapser"><span class="arr"></span></span>').appendTo(n),c=function(){ r.addClass("expanded").removeClass("collapsed")} ,f=function(){ r.addClass("collapsed").removeClass("expanded")} ;t.data("expanded")?c():(f(),n.height(i).css("overflow-y","hidden")),r.hover(function(){ t.data("expanded")||(s=setTimeout(function(){ r.trigger("click")} ,1e3))} ,function(){ clearTimeout(s)} ),r.click(function(){ if(clearTimeout(s),t.data("expanded"))f(),t.data("expanded",!1),t.height("auto"),n.stop().css("overflow-y","hidden").animate({ height:i} ,d.speed,function(){ d.setHeight(t,!0)} );else{ c();var e=d.detectRealHeight(n);e+=7,t.data("expanded",!0),t.height("auto"),n.stop().animate({ height:e} ,d.speed,function(){ d.setHeight(t,!0),n.css("overflow-y","visible")} )} })} }} ,d.maxAnswLimit=function(){ i.on("change","[type=checkbox]",function(){ var t=e(this).closest(n).data("opts").max_answs,i=e(this).closest(o).find("[type=checkbox]"),a=i.filter(":checked").length;a>=t?i.filter(":not(:checked)").each(function(){ e(this).prop("disabled","disabled").closest("li").addClass("dem-disabled")} ):i.each(function(){ e(this).removeProp("disabled").closest("li").removeClass("dem-disabled")} )} )} ,d.demShake=function(e){ var t=e.css("position");for(t&&"static"!==t||e.css("position","relative"),t=1;2>=t;t++)e.animate({ left:-10} ,50).animate({ left:10} ,100).animate({ left:0} ,50)} ,d.demLoadingDots=function(e){ var n=e,i=n.is("input"),o=i?n.val():n.html();"..."===o.substring(o.length-3)?i?n[0].value=o.substring(0,o.length-3):n[0].innerHTML=o.substring(0,o.length-3):i?n[0].value+=".":n[0].innerHTML+=".",t=setTimeout(function(){ d.demLoadingDots(n)} ,200)} )} !function(e){ if("function"==typeof define&&define.amd)define(e);else if("object"==typeof exports)module.exports=e();else{ var t=window.Cookies,n=window.Cookies=e();n.noConflict=function(){ return window.Cookies=t,n} }} (function(){ function e(){ for(var e=0,t={ };e<arguments.length;e++){ var n=arguments[e];for(var i in n)t[i]=n[i]} return t} function t(n){ function i(t,o,a){ var s;if("undefined"!=typeof document){ if(arguments.length>1){ if(a=e({ path:"/"} ,i.defaults,a),"number"==typeof a.expires){ var d=new Date;d.setMilliseconds(d.getMilliseconds()+864e5*a.expires),a.expires=d} try{ s=JSON.stringify(o),/^[\{ \[]/.test(s)&&(o=s)} catch(r){ }return o=n.write?n.write(o,t):encodeURIComponent(String(o)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)),t=t.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),t=t.replace(/[\(\)]/g,escape),document.cookie=[t,"=",o,a.expires&&"; expires="+a.expires.toUTCString(),a.path&&"; path="+a.path,a.domain&&"; domain="+a.domain,a.secure?"; secure":""].join("")} t||(s={ });for(var c=document.cookie?document.cookie.split("; "):[],f=/(%[0-9A-Z]{ 2} )+/g,l=0;l<c.length;l++){ var h=c[l].split("="),u=h[0].replace(f,decodeURIComponent),m=h.slice(1).join("=");'"'===m.charAt(0)&&(m=m.slice(1,-1));try{ if(m=n.read?n.read(m,u):n(m,u)||m.replace(f,decodeURIComponent),this.json)try{ m=JSON.parse(m)} catch(r){ }if(t===u){ s=m;break} t||(s[u]=m)} catch(r){ }} return s} }return i.set=i,i.get=function(e){ return i(e)} ,i.getJSON=function(){ return i.apply({ json:!0} ,[].slice.call(arguments))} ,i.defaults={ },i.remove=function(t,n){ i(t,"",e(n,{ expires:-1} ))} ,i.withConverter=t,i} return t(function(){ })} );var demjquerywait=setInterval(function(){ "undefined"!=typeof jQuery&&(clearInterval(demjquerywait),jQuery(document).ready(dem_ready))} ,50);</script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; var tocplus = { "visibility_show":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; /* ]]> */ </script> <script type='text/javascript' src='https://dayofdefeat.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://dayofdefeat.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 20, "margin_bottom" : 0, "stop_id" : "stop", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-2'] } ; </script> <script type='text/javascript' src='https://dayofdefeat.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://dayofdefeat.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </div> <script type="text/javascript">  </script><br> <br> </body> </html>