Size: a a a

2020 February 17

ЕЕ

Егор Егоров in pro.js
th.witness
И что подразумевается под бандлами, что используешь и как прокидываешь?
На преакте написаны микросервисы. Вот в них разные элементы пушу. И часто допустим один микросервис используется несколько раз на странице. Допустим формы поиска в которых отличается всего одно поле.  Вот и происходит что при слабеньком интернете происходит что бандл не подгрузился а скрипт за инициализирован) знаю дедовский способ ждать по интервалу) но хочется магии промисов)
источник

t

th.witness in pro.js
Егор Егоров
На преакте написаны микросервисы. Вот в них разные элементы пушу. И часто допустим один микросервис используется несколько раз на странице. Допустим формы поиска в которых отличается всего одно поле.  Вот и происходит что при слабеньком интернете происходит что бандл не подгрузился а скрипт за инициализирован) знаю дедовский способ ждать по интервалу) но хочется магии промисов)
Опыта не было, но думаю, что обычная конструкция вроде:

async function pushMicroservice() {
  return await //action...
 }

pushMicroservice.then(...)

...будет достаточно с лихвой.
источник

t

th.witness in pro.js
th.witness
Опыта не было, но думаю, что обычная конструкция вроде:

async function pushMicroservice() {
  return await //action...
 }

pushMicroservice.then(...)

...будет достаточно с лихвой.
(Псевдокод)
источник

KV

Kristal Vlad in pro.js
Здравствуйте, у кого есть книги по js  можете скинуть?
источник

Э

Эд in pro.js
Kristal Vlad
Здравствуйте, у кого есть книги по js  можете скинуть?
В закрепе
источник

Э

Эд in pro.js
Это очень хорошая книга
источник

V

Vlad in pro.js
Егор Егоров
На преакте написаны микросервисы. Вот в них разные элементы пушу. И часто допустим один микросервис используется несколько раз на странице. Допустим формы поиска в которых отличается всего одно поле.  Вот и происходит что при слабеньком интернете происходит что бандл не подгрузился а скрипт за инициализирован) знаю дедовский способ ждать по интервалу) но хочется магии промисов)
убери async и defer с бандла
источник

ZS

Znacovean Simion in pro.js
Всем привет.
Экспериментирую с методами подключения вью-компонентов

На данный момент оставновился на таком варианте
1) ставим на главный рут элемент после бади #app
2) маунтим инстанс вью на этот элемент, в инстансе декларируем все асинхронные компоненты (в моем случае это могут быть целые приложения либо мелкие компоненты которые могут использоваться на разных страницах)
3) на любой из страниц где надо нужен компонент мы его по тегу вызываем (например в моем случае <mail-preview />

вроде как всё работает
В одном из таких компонентов мне потребовался бутстрап компонент.
Бутстрап обычный подрублен на всем сайте.
Я взял и вбил его разметку для теста..
И..Вуаля..оно работает.
Вопрос - как? Гарантирована ли эта работа всегда? Или всё же импортануть вью-вариант компонента и его использовать? в данном конкретном кейсе у меня компонент не имеет различных суб-роутов или чего-то подобного, чтоб он перерендиривал разметку (что сломает уже проинициализированный от глобального бутстрапа компонент)
источник

ZS

Znacovean Simion in pro.js
источник

DE

Denis Efremov in pro.js
Znacovean Simion
Всем привет.
Экспериментирую с методами подключения вью-компонентов

На данный момент оставновился на таком варианте
1) ставим на главный рут элемент после бади #app
2) маунтим инстанс вью на этот элемент, в инстансе декларируем все асинхронные компоненты (в моем случае это могут быть целые приложения либо мелкие компоненты которые могут использоваться на разных страницах)
3) на любой из страниц где надо нужен компонент мы его по тегу вызываем (например в моем случае <mail-preview />

вроде как всё работает
В одном из таких компонентов мне потребовался бутстрап компонент.
Бутстрап обычный подрублен на всем сайте.
Я взял и вбил его разметку для теста..
И..Вуаля..оно работает.
Вопрос - как? Гарантирована ли эта работа всегда? Или всё же импортануть вью-вариант компонента и его использовать? в данном конкретном кейсе у меня компонент не имеет различных суб-роутов или чего-то подобного, чтоб он перерендиривал разметку (что сломает уже проинициализированный от глобального бутстрапа компонент)
Глобальный бутстрап головного мозга
источник

DE

Denis Efremov in pro.js
Что значит бутстрап компонент?
источник

DE

Denis Efremov in pro.js
Что значит в инстансе декларируем все асинхронные компоненты??
источник

DE

Denis Efremov in pro.js
Есть два варианта подключения компонентов во Вью
источник

DE

Denis Efremov in pro.js
Vue.component('header-logo', {})
источник

DE

Denis Efremov in pro.js
Или в компоненте
 
import HeaderLogo from './HeaderLogo.vue'

{
 name: 'Header',
 components: { HeaderLogo },
}
источник

AS

Andrew Samolov in pro.js
Denis Efremov
Есть два варианта подключения компонентов во Вью
Он правильно подключил, () => import(‘mycomp.vue’) допустимая конструкция для вебпака и вью, и это называется как раз асинхронными компонентами
источник

DE

Denis Efremov in pro.js
Andrew Samolov
Он правильно подключил, () => import(‘mycomp.vue’) допустимая конструкция для вебпака и вью, и это называется как раз асинхронными компонентами
Что он и куда подключил?
источник

AS

Andrew Samolov in pro.js
Denis Efremov
Что он и куда подключил?
источник

DE

Denis Efremov in pro.js
И в чем выражается асинхронность?
источник

DE

Denis Efremov in pro.js
ИМХО писать импорт посередине файла — не круто
источник