7 A css és a javascript teljesítményének javítására szolgáló lépések
Senki nem szereti a lassú oldalakat. Nem a fájlok méretéről szól, hanem arról, hogyan értelmezi a böngésző a kódot. Ebben a cikkben néhány ajánlást fogunk megfontolni.
1. Ne ismételje meg magát
Próbálj meg kaszkádolt kódot megismételni anélkül, hogy megismételne. Nem elegendő az osztályok használatához, hanem az öröklés hatékony felhasználására is szükség van. Ugyanazokat a tulajdonságokat is használhatja a különböző elemekhez (vesszővel felsorolva).
A JS-ben sok kész tárgy és módszer létezik, ezért ne próbáld újra feltalálni a kerékpárokat.
2. Írjon jobbra-balra
Ellentétben velünk, a böngészők jobbra-balra olvasták a szelektort. Ha úgy gondolja, hogy ez nem számít, akkor hiába. Például ez a szelektor rossz:
Ebben az esetben a böngésző először megtalálja az összes linket, majd mindegyikük számára keresni fogja a szülői div elemet, majd az id = "container" szülőelemet, végül pedig a testet.
Túl drága. A JS-ben megtalálja a módját, hogy elegánsabban csinálja. Például:
CSS stílusok írása esetén próbálja meg a szelektort a lehető legrövidebbre tenni.
3. Az azonosító nagyon gyors
Az elemek mintavételéhez használj ID-shki-t mind a CSS-ben, mind a JS-ben. A jQuery választók alternatívájaként a natív JS eszközöket (document.body) használhatja a DOM-hoz való munkához (ha pontosan tudja, hogy az elem hol van)
4. Írjon rövid választót
Ne feledje, hogy a hosszú szelektorok csak a kódot súlyozzák. Például, ha van egy "ul li a" választó, egyszerűen átírhatja azt "ul a" -ra.
Ne használja a JS-t bárhol és mindenhol. Ha nem tudsz nélküle, ne súlyozza az oldalakat. Például az animáció CSS-vel végezhető el, de a yepnope vagy a modernizr könyvtárak segítségével nyomon követheti, hogy a böngésző támogatja-e ezt a funkciót.
5. Nyilatkozni a változókról
A legtöbb ember figyelmen kívül hagyja a var szót. Ezt megteheti, de így olyan globális változókat hozhat létre, amelyek befolyásolhatják a kódot más funkciókban és így tovább.
A var kulcsszó használatakor helyi változókat hoz létre. Ebből csak nyerhet. Például, a kód helyett:
jobb ezt írni:
6. Használja a natív funkciókat a lehető leggyakrabban
Programozás sok, mint a fekete mágia, lehetővé teszi, hogy megoldja a bonyolult problémákat. Az igazság az, hogy minden műveletnek megvannak a saját árai. Például a 15 + 15-ös művelet könnyebb, mint 2 * 15.
7. Használjon kevesebb képet
Minél kevesebb képet csatlakoztatunk, annál gyorsabban tölti be oldalainkat. Tehát menj hozzá bölcsen.
Ne feledje ezeket a tippeket a fejedben, és segít neked létrehozni egy gyors weboldalt.
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek híreket kaptam neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!