5 lehkých alternativ jQuery pro mobilní vývoj

Všichni milujeme jQuery. Tato stránka je dokonce věnována budování krásných příkladů, které využívají knihovnu. Existují však situace, ve kterých jQuery není chytrou volbou. Pokud jej používáte pouze pro jednoduchou manipulaci DOM nebo požadavek AJAX či dva, proč zpomalovat načítání stránky a zavádět další závislost?

Problém je závažnější na mobilních zařízeních. Vidíte, i když zahrnujeme jQuery prostřednictvím CDN, jako je Google, stále to není zdarma - jeho stažení a analýza stále trvá. Právě ta věc, díky které je jQuery populární – dokonalá podpora napříč prohlížeči, je také příliš objemná pro použití na mobilních zařízeních. Ostatně, proč byste potřebovali, aby vaše mobilní webové stránky podporovaly staré verze IE, když jsou určeny pouze pro iOS a Android?

Zhubnout

Je třeba vyřešit další problémy. Přístup jQuery k animacím například spočívá v úpravě vlastností stylu css prvku v malých intervalech. Na počítači to funguje dobře, ale na mobilních zařízeních funguje špatně. Na druhou stranu čisté CSS animace (které používají přechody a @klíčové snímky) jsou hardwarově akcelerované a plynulé.

To znamená, že je třeba přijmout zcela nový přístup k vytváření mobilních webových stránek. Naštěstí existuje pět knihoven, které nám s tím mohou pomoci.

Zepto.js

Jedná se o knihovnu s nejbohatšími funkcemi, která je speciálně navržena pro iOS a Android (obě používají modul webkit). Zachovává téměř všechny funkce jQuery v 8 kB (místo jQuery 32) a přidává podporu pro dotykové události (včetně pinch to zoom) a čisté CSS animace. Vyžaduje to modulární přístup – přidáte pouze komponenty, které potřebujete pro ještě štíhlejší knihovnu.

Stránky | Github

Snack.js

Snack je malá a jednoduchá JavaScript knihovna. I když je ideální pro malé projekty, je v něm dostatek pro vytváření složitých webových aplikací pro různé prohlížeče. Zaujímá jiný přístup než Zepto v tom, že se odděluje od jQuery API, ale při 3 kb je poloviční. S animacemi si budete muset poradit sami.

Stránky | Github

$dom

$dom je ještě menší - na 2kb je to docela pecka. Zachovává kompatibilitu mezi prohlížeči a dokonce zpracovává animace (i když využívá přístup jQuery s časovým limitem), ale vynechává funkce, jako jsou funkce pro manipulaci s poli a AJAX. Ideální případ použití této knihovny je při vytváření responzivních webových stránek, které lze prohlížet na chytrých telefonech, tabletech a počítačích.

Github

xui.js

XUI o velikosti 4 kb je malý framework pro tvorbu HTML5 mobilních webových aplikací. Funguje na všech zařízeních v mobilním prostředí a má dokonce speciální sestavení pro webkit, tedy mobilní prohlížeč a prohlížeč ostružin. Podporuje dotykové události a dokonce má plugin pro kompatibilitu s jQuery.

Stránky | Github

140medley

Nemůžete jít více mikro než 140medley. Tato sbírka funkcí o velikosti 0,5 kb byla inspirována soutěží 140 bajtů, kde účastníci vytvářejí úryvky JavaScriptu o velikosti tweetu. Podporuje šablony, události a dokonce i AJAX. Toto je pouze pro území, protože jediná poskytnutá dokumentace je prostřednictvím komentářů v kryptickém zdrojovém kódu.

Github

Závěr

Toto jsou jen některé z nových vzrušujících rámců, které jsou k dispozici. Ale nestačí mít úžasné jméno nebo stránky - komunita je to, co vytváří nebo rozbíjí open source projekt. Takže pokud najdete něco zajímavého, co stojí za váš čas, nezapomeňte to šířit dál.