Како да го користите Ecmascript за модуларни компоненти во jаvascript

jаvascript модули - одличен начин за подобрување на перформансите на вашата апликација. Тие ви дозволуваат да користите многу работи кои ќе ја направат апликацијата повеќе функционална, како што е динамичното вчитување на модулите и мрзливото вчитување. Главната работа е тоа што jаvascript сега е поддржан од прелистувачот. Пред тоа беше користен од WebPack, кој не беше многу погодно.

Чекори

Метод 1 од 2:

Предности на jаvascript модули

Еден. Дознајте повеќе за jаvascript модули и ги користите во веб апликации. Модулите на jаvascript ви овозможуваат да вградите една до датотеката во друга со користење на методи за увоз и извоз. Тие исто така ви дозволуваат да креирате модуларни компоненти кои можат повторно да се користат.

2. Внимавајте зошто треба да користите jаvascript модули наместо класични скрипти. Користењето на jаvascript модули ги дава следните предности:

Одвојување на апликации на модули. Креирање на апликација со користење на модули го прави поефикасно и ги подобрува перформансите. Благодарение на употребата на модули, можете да нанесете мрзливи оптоварувања и да се ослободите од непотребниот код во вашата апликација.

Со стандардно со користење на строгиот режим. Строг режим е овозможен стандардно во модулите на jаvascript.

Користење на метод на одложување. Ова значи дека вашиот HTML код е вчитан паралелно со jаvascript. Значи веќе не треба да додавате атрибут на одложување на вашата ознака за скрипта кога користите Ecmascript.

Модулите се увезуваат динамички. Со jаvascript модули, можете да го конфигурирате преземањето на вашите модули со извршување на динамичната функција што го увезува модулот ако е потребно,. Тоа сугерира дека кога ќе ја посетите корисничката страница, ќе го вчитате модулот за профил само кога корисникот е овластен. Сликата е насловена втора

Метод 2 од 2:

Користете jаvascript модули

Еден. За да го користите модулот, едноставно наведете го атрибутот на типот во ознаката за скрипта на модулот што ја спроведува вашата главна датотека jаvascript. Сега можете да користите методи за увоз и извоз за увоз на вашите модули.

2. Можете да увезувате и извозните модули во главната.JS

3. Погледнете како се користи методот на извоз во профилот.JS. Како што можете да видите, користете EAMScript модули лесно. Кога ќе го одредите типот во модулот, прелистувачот автоматски го испитува како jаvascript модул.

Можете исто така да ја доделите проширувањето на датотеката .MJS, така што прелистувачот може да го идентификува модулот. Сепак, ова нема да донесе никакви подобрувања.

4. Внимавајте на поддршката на прелистувачот. Според достапните информации, само современи прелистувачи ги поддржуваат jаvascript модулите. Ако користите прелистувач на хром, работ или Firefox, тогаш сè треба да биде добро.