abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    dnes 03:33 | Komunita

    Na čem pracují vývojáři v Rustu napsaného mikrokernelového unixového operačního systému Redox OS (Wikipedie)? Byl publikován přehled vývoje za květen. Vypíchnout lze nový scheduler EEVDF nebo port desktopového prostředí Xfce na Redox OS.

    Ladislav Hagara | Komentářů: 0
    včera 22:22 | Komunita

    Upozornění pro uživatele Asahi Linuxu: Neaktualizujte macOS na verzi 27 Golden Gate! Apple změnil detekci spouštěcích oddílů. Po aktualizaci oddíl s Asahi Linuxem nevidí. Snad je to jenom chyba.

    Ladislav Hagara | Komentářů: 0
    včera 15:11 | Komunita

    Na webu konference Den IPv6, která se konala 4. června v Národní technické knihovně v pražských Dejvicích, jsou nyní k dispozici všechny prezentace (v PDF) a jejich videozáznamy. Organizátory konference byly i letos sdružení CESNET, CZ.NIC a NIX.CZ.

    VSladek | Komentářů: 0
    včera 13:11 | Nová verze

    Byla vydána nová verze 9.1.0 správce sbírky fotografií digiKam (Wikipedie). Přehled novinek i s náhledy v oficiálním oznámení (NEWS). Vypíchnout lze vylepšené vyhledávání nebo podporu Pixel Motion Photos. Nejnovější digiKam je ke stažení také jako balíček ve formátu AppImage. Stačí jej stáhnout, nastavit právo ke spuštění a spustit.

    Ladislav Hagara | Komentářů: 0
    včera 11:44 | Pozvánky

    Přihlaste svou přednášku na další ročník konference LinuxDays, který proběhne 3. a 4. října na FIT ČVUT v pražských Dejvicích. Příjem témat poběží do konce prázdnin, pak proběhne veřejné hlasování a následně sestavení programu.

    Petr Krčmář | Komentářů: 2
    včera 04:44 | Nová verze

    Byla vydána nová verze 2.4.68 svobodného multiplatformního webového serveru Apache (httpd). Řešeno je mimo jiné 13 zranitelností.

    Ladislav Hagara | Komentářů: 2
    8.6. 22:44 | IT novinky

    Apple na své vývojářské konferenci WWDC26 (Worldwide Developers Conference, keynote) představil řadu novinek. Vypíchnout lze novou generaci Apple Intelligence a zbrusu novou Siri, která dostala název Siri AI. Kvůli Aktu o digitálních trzích (DMA) však funkce Siri AI nebudou v systémech iOS 27 a iPadOS 27 k dispozici uživatelům v Evropské unii.

    Ladislav Hagara | Komentářů: 0
    8.6. 22:22 | Nová verze

    Byla vydána nová verze 1.18.0 distribučního frameworku Flatpak (Wikipedie), tj. technologie umožňující distribuovat aplikace v podobě jednoho instalačního souboru na různé linuxové distribuce a jejich různá vydání. Přehled novinek na GitHubu. Vypíchnout lze podporu rozhraní /dev/kfd pro výpočty na kartách AMD (AMDKFD).

    Ladislav Hagara | Komentářů: 0
    8.6. 20:44 | Nová verze

    aMule (Wikipedie), tj. multiplatformní klient pro peer-to-peer sdílení souborů pro sítě eD2k and Kademlia, byl po více než pěti letech od vydání poslední verze 2.3.3, vydán v nové major verzi 3.0.0 (GitHub). S novou webovou stránkou a dokumentací.

    Ladislav Hagara | Komentářů: 5
    8.6. 12:55 | IT novinky

    Byly vyhlášeni vítězové a zveřejněny vítězné zdrojové kódy (YouTube, GitHub) již 29. ročníku soutěže International Obfuscated C Code Contest (IOCCC), tj. soutěže o nejnepřehlednější (nejobfuskovanější) zdrojový kód v jazyce C.

    Ladislav Hagara | Komentářů: 0
    Které desktopové prostředí na Linuxu používáte?
     (11%)
     (8%)
     (2%)
     (15%)
     (31%)
     (3%)
     (6%)
     (3%)
     (15%)
     (26%)
    Celkem 1856 hlasů
     Komentářů: 30, poslední 3.4. 20:20
    Rozcestník


    Dotaz: Vue.js - základy

    3.12.2021 20:14 mica
    Vue.js - základy
    Přečteno: 628×
    Při seznamování se s Vue.js jsem narazil na určité chování, které si neumím vysvětlit. Jde o dvě věci, které (asi) spolu souvisejí, ale pro přehlednost je vezmu postupně. První z nich:

    V HTML mám:
    <p>Number is {{ returnNumber() }}</p>
    V Javascriptu pak (zestručněno):
    new Vue({
       data: function() {
         return {
           number: 0
        }
      },
      methods: {
         returnNumber() {
           /* tělo funkce returnNumber() má dvě různé varianty zapsané níže */
         }
      }
    })
    Dvě různé podoby těla funkce returnNumber():

    1)
    return this.number = Math.random();
    2)
    return this.number++
    V případě první varianty se po načtení stránky do odstavce vypíše nějaké odpovídající náhodné číslo, kdežto v případě druhé varianty se tam objeví číslo 102 a navíc se v konzoli objeví hlášení o chybě [Vue warn]: You may have an infinite update loop in a component render function. Takže v případě varianty 1) se funkce spustí jen jednou, kdežto v případě varianty 2) se spustí opakovaně (minimálně 102krát) a zřejmě do nekonečna, pokud by nebyla zastavena pojistkou ve Vue.

    Obě varianty mají společné to, že funkce změní hodnotu vlastnosti number a její nová hodnota se pak vypíše do odstavce. Navzdory tomuto společnému se ale jinak chovají rozdílně. Ani trochu mi není jasné, proč se toto děje. Dokázal by mi to někdo nějak jednoduše vysvětlit? Děkuji.

    Řešení dotazu:


    Odpovědi

    3.12.2021 21:25 z_sk | skóre: 34 | blog: analyzy
    Rozbalit Rozbalit vše Re: Vue.js - základy
    Moznost 2). Akú hodnotu ma premenná this.number pri prvom volaní?
    debian.plus@protonmail.com
    4.12.2021 19:49 mica
    Rozbalit Rozbalit vše Re: Vue.js - základy
    No při prvním spuštění pracuje funkce s this.number = 0, po prvním dokončení je hodnota zvětšena na 1. Má mě to navést k odpovědi? Já z toho nic vyčíst nedokážu.
    Řešení 1× (MakeIranBombedAgain❗)
    4.12.2021 20:05 Olaf
    Rozbalit Rozbalit vše Re: Vue.js - základy
    To "++" znamená, že se _to_ číslo (this.number, tj. 0) má zvětšit o 1. Když to renderuje, už má hodnotu 1, takže zvětší 1 o 1 a máš 2 atd. Nekonečná smyčka.
    MakeIranBombedAgain❗ avatar 4.12.2021 20:25 MakeIranBombedAgain❗ | skóre: 42 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Vue.js - základy

    jj asi se to samo dycky zkusí zaktualizovat a udělá to rekurzi :O ;D

    a těch 100 je asi jako konstantou MAX_UPDATE_COUNT nastavenou na hodnotu 100 vtom *js hele řádek 4247 takže to udělá jenom těch 100 vopakování dycky :D ;D

    rekurzi by to asi jako mělo dělat i pro to náhodný číslo :D ;D

    6.12.2021 00:04 Olaf
    Rozbalit Rozbalit vše Re: Vue.js - základy
    Čau Gréto. Jo, možná by tazatel mohl říct, co vlastně chce udělat. :o) BTW, ty děláš s Vue? Mi některé věci připadají matoucí. Hodně jich tam vypadá jak definice / import v kruhu, ale možná jsem jen nechápavý. Asi bych měl najít nějaké tutoriály, kde ty věci řeší logicky -- a ne tak, že lopatu pojmenují jako manuálně manipulovatelný aparát k transportu kvant sedimentálních, metamorfovaných a jiných hmot v rámci tří dimenzí a do všech lineárních obalů ortogonálních vektorů euklidovského prostoru R3.
    MakeIranBombedAgain❗ avatar 6.12.2021 19:07 MakeIranBombedAgain❗ | skóre: 42 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Vue.js - základy

    lol ani ne :D :D mě zajímalo jenom proč těch 100 :D ;D

    6.12.2021 06:48 .
    Rozbalit Rozbalit vše Re: Vue.js - základy
    Chtěl jsi říct, že ++ je nejdříve čtení hodnoty a pak její navýšení, takže Vue detekuje závislost renderu na této hodnotě, monitoruje ji a při změně přerenderuje obsah. A protože samotný rendering tu hodnotu mění, tak vyvolá další rendering a tak donekonečna (do limitu). Že? *rofl*
    9.12.2021 02:15 OldFrog {Ondra Nemecek} | skóre: 36 | blog: Žabákův notes | Praha
    Rozbalit Rozbalit vše Re: Vue.js - základy
    ...takhle si nabije víceméně každý, kdo začíná s gui a bindingem dat. Je nutno si představit, odkud kam ty události a změny dat tečou...
    -- OldFrog
    7.12.2021 09:57 mica
    Rozbalit Rozbalit vše Re: Vue.js - základy
    rekurzi by to asi jako mělo dělat i pro to náhodný číslo :D ;D
    No, tady jsem si všiml právě rozdílu u dvou různých zápisů:

    1)
    this.number = Math.random();
    return this.number
    2)
    return this.number = Math.random()
    První zápis vyvolá nekonečnou smyčku, druhý ne. Takže, pokud to dobře chápu, v zápisu 2) se návratová hodnota metody Math.random() vloží do this.number a zároveň se vrátí jako výsledek funkce, ale hodnota this.number se při tom nečte, kdežto v zápisu 1) se na druhém řádku hodnota this.number přečte.

    Mám to tedy celkově chápat tak, že ve Vue nemá smysl do textové interpolace (tj. do {{ }}) zapisovat volání funkcí, které pracují s hodnotami v objektu data?
    8.12.2021 23:22 z_sk | skóre: 34 | blog: analyzy
    Rozbalit Rozbalit vše Re: Vue.js - základy
    Skús ešte:

    3)
    return (this.number = Math.random());
    debian.plus@protonmail.com

    Založit nové vláknoNahoru

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.