Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Legfrissebb anyagok
PROHARDVER! témák
Mobilarena témák
IT café témák
GAMEPOD témák
Keresés
  • PROHARDVER!
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    PROHARDVER!

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • adam_ adam_ senior tag
    #4793
    #4789 Sk8erPeter
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    adam_
    adam_
    senior tag
    #4789 Sk8erPeter
    #4789 Sk8erPeter

    Nincs mit!
    A betűtípusok CSS-fájlját mozgasd fölülre, a többi CSS-fájlhoz, hiszen a CSS-fájloknak mindenképp előbb kell szerepelniük, mint a scriptfájloknak (pl. ha egy-egy scriptfájl betöltése időigényes, a böngésző ne csak később kapja meg a stílusdefiníciókat, hogy így kéne kinéznie az elemeknek, ez okozhat egy villódzást, ezért kerülendő). Ezenkívül a scriptfájlokat érdemes közvetlenül a body lezáró tagje (</body>) elé mozgatni inkább, hogy azok betöltése, feldolgozása ne hátráltassa a <body>-ban szereplő többi elem megjelenítését.
    Egyébként jó ez így, de annyit szoktak még ezen javítani, hogy szerveroldalon cache-elik a NEM külső szerverről (pl. CDN-ről), hanem azonos tárhelyről behúzott CSS-, ill. scriptfájlokat egy-egy minimalizált fájlba (tehát egy darab azonos tárhelyen szereplő CSS-, ill. egy darab azonos tárhelyen szereplő JS-fájl; mindezt úgy, hogy a whitespace-ekkel spórolnak, például nem szerepelnek benne sortörések, felesleges szóközök, mint a jQuery minimalizált változata), hogy egyetlen requesttel letölthető legyen, és azt az egy-egy darab fájlt kelljen csak gyorsítótáraznia és betölteni a böngészőnek szükség esetén. A minimalizálás azért érdekes, mert így még kisebb méretű lesz a letöltendő fájl. A CDN-ekről behúzott tartalom azért lehet kivétel, mert az ilyen requestek párhuzamosíthatók. De mindezt automatizáltan szokás elintézni, vannak erre kész library-k, szóval ne kezdj el ilyesmit kézzel megírni majd. De nem is feltétlenül érdemes most egyelőre ezzel foglalkoznod, mert ez már inkább az optimalizálgatós rész.

    A Waypoints-os kérdésre: nem teljesen tiszta, hogy is csináltad pontosan a saját kódodnál, így nehéz válaszolni rá, mi lehet a gond, ezt fejtsd ki még plíz.

    Köszi a tippet! :) Tehát a *css fájlok linkjeit elől hagytam, a JQuery library és a többi JS script linkjét pedig közvetlen a lezáró body tag elé tettem át.

    A waypointsos témáról, beillesztettem külön *js fájlban ezt a kódot:

    $('.notify').waypoint(function (direction) {
    alert('Top of notify element hit top of viewport.');
    }, {
    offset: '10%'
    });

    Majd a lezáró body tag elé belinkeltem ennek a linkjét:

    <script src="js/waypoints.js"></script>

    Természetesen ugyanitt bevan linkelve a JQuery library is:

    <script src="js/jquery-1.11.2.min.js"></script>

    Majd ezt követően az egyik p-tagnak megadtam a notify osztály kiterjesztést:

    <p class="notify"> dgdsgdsgsd </p>

    De hiába görgetek le a p - tagre, nem ugrik fel semmilyen Alert ablakocska. Mit rontottam el?

    Holott a többi egyéb JS script simán fut. A legvégén az lesz, ha ez nem jön össze, hogy kipróbálom az általad ajánlott waypoints nélküli megoldást, de nem nyugszom amíg ezt nem oldottam meg. :B

Új hozzászólás Aktív témák