Ismerje meg a Svelte keretrendszert, és tanulja meg, hogyan fejleszthet intelligens webalkalmazásokat ezzel az útmutatóval.
A Svelte az egyik legmenőbb JavaScript-keretrendszer. A 2022-es StackOverflow fejlesztői felmérésben a második legkedveltebb JavaScript-keretrendszer lett a webfejlesztők körében. Ebben az útmutatóban megismerheti az alapokat, és megtanulja, hogyan készíthet egyszerű teendőket a Svelte segítségével.
A Svelte használatának megkezdése
A dolgokat a Vite építőeszköz. Nyissa meg a terminált, és sorban futtassa az alábbi parancsokat. Nevezze el a projektet „svelte-app”-nak (vagy választotta), válassza ki a Svelte-t keretként, és állítsa be a JavaScriptet változatként.
fonal létre vite
CD karcsú-app
fonal
fonal devNyissa meg a projektet egy kódszerkesztőben, és törölje a lib mappát, és törölje a tartalmát app.css fájl és a App.svelte fájlt.
Hogyan viszonyul Svelte a reakcióhoz
A A DOM egy faszerű szerkezet egy webhely HTML-kódjából generált, amely megmutatja az oldalt alkotó különböző elemek közötti kapcsolatokat.
A virtuális DOM-ot használó React-tal ellentétben a Svelte egy olyan fordító, amely az összeállítás során megérti, hogyan változhatnak a dolgok az alkalmazásban. Mivel a Svelte az építési időben működik, nagy teljesítményű és optimalizált vanília JavaScriptet eredményez.
Reaktivitás és animáció a Svelte-ben
A legtöbb Svelte alkalmazás felépítése az alábbiakban látható. Dönthet úgy, hogy nem tartalmazza a stílus címkék csak a forgatókönyv és jelölés: