Hogyan kell használni az ECMAScript alkalmazása moduláris alkatrészeket a jаvascriptben

jаvascript modulok - nagyszerű módja annak, hogy javítsa az alkalmazás teljesítményét. Lehetővé teszik, hogy sok dolgot használjon, amelyek az alkalmazást funkcionálisabbá teszik, például a modulok dinamikus betöltése és a lusta terhelés. A legfontosabb dolog az, hogy a jаvascriptet a böngésző támogatja. Ezt megelőzően használták a webespack, amely nem volt nagyon kényelmes.

Lépések

1. módszer: 2:

A jаvascript modulok előnyei

egy. További információ a jаvascript modulokról, és használja őket webes alkalmazásokban. A jаvascript modulok lehetővé teszik, hogy beágyazhassa az egyiket a fájlba az import és export módszerek segítségével. Azt is lehetővé teszik, hogy olyan moduláris alkatrészeket hozzon létre, amelyek újra felhasználhatók.

2. Figyelje meg, hogy miért kell használnia a jаvascript modulokat a klasszikus szkriptek helyett. A jаvascript modulok használata a következő előnyökkel jár:

Alkalmazások elválasztása modulokon. Az alkalmazás létrehozása modulokkal hatékonyabbá teszi és javítja a teljesítményt. A modulok használatának köszönhetően lusta terhelést alkalmazhat, és megszabadulhat a felesleges kódtól az alkalmazásban.

Alapértelmezés szerint szigorú mód használata. A szigorú üzemmód alapértelmezés szerint engedélyezett a jаvascript modulokban.

A DEFER DEFER módszer használatával. Ez azt jelenti, hogy a HTML kódja párhuzamosan betöltődik a jаvascript segítségével. Tehát már nem kell meghaladnia a Defer-attribútumot a szkriptcímkéhez, amikor az ECMASSCOATOT.

A modulok dinamikusan importálhatók. A jаvascript modulokkal konfigurálhatja a modulok letöltését a dinamikus funkció futtatásával, amely szükség esetén importálja a modult. Azt javasolja, hogy amikor meglátogatja a felhasználói webhelyet, akkor csak akkor tölti be a profil modult, ha a felhasználó engedélyezett. A második cím szerinti kép

2. módszer 2:

Használja a jаvascript modulokat

egy. A modul használatához egyszerűen adja meg a Type attribútumot a modul szkriptcímkéjében, amely végrehajtja a fő jаvascript fájlt. Most használhatja az import és export módszereket a modulok importálására.

2. Importálhatja és exportálhatja a modulok belsejében.JS

3. Nézze meg, hogyan használják az export módszert a profilban.JS. Amint láthatja, egyszerűen használja az ECMASSCATED modulokat. Amikor megadja a modul típusát, a böngésző automatikusan megvizsgálja azt jаvascript modulként.

A fájl bővítését is hozzárendelheti .MJ-k, hogy a böngésző azonosítsa a modult. Ez azonban nem fog javítani.

4. Tartsa be a böngésző támogatását. A rendelkezésre álló információk szerint csak a modern böngészők támogatják a jаvascript modulokat. Ha krómozott, él- vagy tűzoltó böngészőt használ, akkor minden rendben van.