Példa program

 ( log69 | 2018. február 22., csütörtök - 13:27 )

Összeraktam egy ismerősöm számára Livescript-tel egy egyszerű feladatkezelő programot mintának, hogy szemléltessem a működést.

Felül objektumok (vagyis mivel tudunk interakcióba lépni), alatta stílus (hogyan néznek ki), alatta pedig funkcionalitás (mit tudunk tenni velük).

Próbálom tovább egyszerűsíteni, szívesen veszek ötletet.

(csak elég széles (nem mobil) képernyőn jelenítem meg a forráskódot, egyébként csak futtatás gomb van)

Hozzászólás megjelenítési lehetőségek

A választott hozzászólás megjelenítési mód a „Beállítás” gombbal rögzíthető.

Lazán kapcsolódik: azt tudtad, hogy minden HTML-ben megadott id Javascript globális változó lesz?
Emiatt kerülni is szoktam, ha lehetséges.

Forrás

Nem számít Coffeescript és Livescript esetén. Tekintsd az alábbi kódot:

<input id='obj' type='text' value='ok'>

<script live>
    console.log  obj
    console.log  document.getElementById("obj").value
</script>

A kimenete ez:
1) input objektum
2) "ok"

Ha viszont teszek bárhová a kódba egy "obj = 1" sort, akkor a kimenet (miközben document.getElementById-vel továbbra is elérhető az objektum):
1) undefined
2) "ok"

Ez azért van, mert ha értéket adsz egy változónak, akkor CS és LS esetében is belefordítja a változó definiálást a végső Javascript kódba:

var obj;

Tehát véletlenül nem definiált változóra hivatkozva, JS esetén az objektumot kapod meg, míg CS és LS esetén "undefined" értéket. Ezért utóbbival kisebb a rejtett hiba esélye.

Ez egy eleg jo feature!

Ezzel egyutt viszont a kod jobban olvashatova valik, ha definialod a valtozot, es getElementById-vel szeded elo a html entitast, mert egy hosszabb kodnal latszik, mi honnan jon.

Erdeles ez a LiveScript amugy, en egyet hianyolok belole, hogy lehessen azt kerni, hogy az id-bol jovo valtozok $-ral legyenek prefixelve. Javitana az olvashatosagot.
--
Blog | @hron84

Részemről mindig getElem.. hívással szedem elő az objektet, egyetértek.

Hogy érted a $ prefixálást? Csinálhatsz ilyet ha erre gondolsz:

$var = document.getElem..

Nem tudtam, hogy az id alapu auto-creation az HTML szabvany, nem LiveScript feature.
--
Blog | @hron84

Samsung Galaxy S7-em van 4k felbontással.
https://www.kephost.com/image/JAfx
Jön a kód. Ha lehetne ne támasszunk már ilyen bárgyú feltételeket 2018-ban.Köszi. :)
- - - - - - - - - - -
"A fejlesztők és a Jóisten versenyben vannak. Az előbbiek egyre hülyebiztosabb szerkezeteket csinálnak, a Jóisten meg egyre hülyébb embereket. És hát a Jóisten áll nyerésre." By:nalaca001 valahol máshol

Értem mire gondolsz és egyetértek. De:

1) a kérdés nem felbontás függő, hanem hogy mennyi betű fér ki vízszintesen, ezt állítom be feltételként a reszponzív felülethez - ez az érték a felbontáshoz képesti betűmérettől függ, az meg részben a böngésző beállításoktól (ezért használok "em" unit-ot "px" helyett)

2) ma délelőtt betettem egy "show editor" linket a mobil felülethez, ha valaki mégis megakarja nézni és szerkeszteni a forrást, ami jogos igény

3) keskeny képernyőn csúnya a szerkesztő mód ahogy az objektumok egymásra esnek, ezen még dolgozok

4k ide vagy oda, IMHO tul picik a betuk az ertelmes kodnezegetes/szerkeszteshez.
--
Blog | @hron84