Bemutató a jade kezdőknek (Oldal 1) - kódolók - godnota
Téma: Útmutató kezdőknek Jade
És ez az elrendezés úgy néz Jade méret:
Második kiviteli tűnik rövidebb és elegánsabb. De Jade - nem csak egy szép elrendezés. Jade van néhány igazán hasznos funkciók, amelyek lehetővé teszik, hogy írjon moduláris újrahasználható (újrafelhasználható) kódot. De mielőtt mélyebbre ás, nézzük meg, az alapokat.
alapítvány
Megyek kiemelni három fő jellemzői Jade:
Egyszerű tag;
Attribútumokat a címkék;
Szövegtömböt.
Ha azt szeretnénk, hogy olvassa el a cikket probyvat a kód megadása alábbi példák segítségével CodePen és válassza ki, hogyan Jade preprotsesor a HTML-t, vagy az online fordító, Jade hivatalos honlapján.
címkék
Amint lehet, hogy korábban észre Jade záró tagek. Ehelyett Jade használ fülre, hogy meghatározza a beágyazott címkéket.
A fenti példában, a bekezdések szerint a fülre összeállítás végül lesz a tag div. Milyen egyszerű!
Jade lefordítja pontosan, figyelembe véve az első szó az egyes sorban, mint egy tag, míg a szavakat követő ezen a vonalon kezelik szöveg belsejében a címkét.
attribútumok
Mindez, persze, jó, de hogyan vehet fel attribútumokat a címkéket? Ez valójában nagyon egyszerű.
Térjünk vissza az első példa, és adjunk hozzá egy pár osztályok és néhány kép poszter.
Mivel chudestno, nem?
De miért állnánk meg itt. Jade egy speciális rövidítés indifikatorov és osztályok, ami tovább egyszerűsíti a elrendezés segítségével minden a megszokott jelöléseket:
Mint látható, Jade Írásmódját hasonlóan viselkednek az egyik használata írásakor CSS-választókat.
szövegtömböt
Nézzük elképzelni a következő helyzetet: van egy címke <р> és a felvenni kívánt egy szép nagy mennyiségű szöveget. De várjunk csak, mert Jade mérlegeli az első szó minden egyes sor egy új HTML-tag -, és hogyan lehet ez?
Az első példában, lehet, hogy észre jellegtelen pont után a paragrafus. Hozzáadása egy pont után a címke egyértelművé teszi, hogy a fordító Jade, hogy minden benne Ezen címke a szöveg.
Az érthetőség kedvéért, ha én nem tenném követő időszakra tag <р> A példában a lefordított HTML volna egy nyilvános tag <і>, megtörve az „én vagyok” a sor elejére.
Most, hogy kitaláltam az alapokat, nézzük meg néhány igazán hasznos jellemzője, hogy a jelölő okosabb. Köztük:
És íme, van egy számozás:
Természetesen ebben az esetben a számozott lista lenne sokkal megfelelőbb, de a gondolat, hogy érted? További információért ellenőrizze a dokumentációt.
ciklusok
És ez kell összeállítani az alábbiak szerint:
Akkor navigálni egy sor tárgyak, valamint isspolzovat while ciklus. További információért olvassa el a dokumentációt.
következtetés
Fontos megjegyzés. mint néhány talán már tudja, Jade átkeresztelték a mopsz. A jövőben Jade cikk fogja használni az új név «mopsz» vagy «Pug.js».
Re: Az első lépések kezdőknek Jade
Nem értem, csak abban az esetben bunkó.
(Klasseka)