В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1497 membersпожаловаться на группу
2020 March 05

N

Nik Soldatof in Svelte [svelt]
Max Frai
Подскажите. Есть у меня флекс враппер на три колонки. левая боковая, центральная с контентом, правая боковая. При уменьшении размера вьюпорта мы можем их сделать в один ряд друг под другом в порядке левая боковая, центральная, правая боковая. можно ли как-то средствами css поменять порядок, чтобы центральный блок был выше?
https://developer.mozilla.org/ru/docs/Web/CSS/order
Веб-документация MDN
order
CSS свойство  order определяет порядок, используемый для размещения flex элементов в их flex контейнере. Элементы располагаются в восходящем порядке по значению order. Элементы с одинаковым значением order  располагаются в том порядке, в каком они находятся в исходном коде.
источник
12:48пожаловаться#1

MF

Max Frai in Svelte [svelt]
Вот так делается по-умолчанию
источник
12:49пожаловаться#2

MF

Max Frai in Svelte [svelt]
А хочу, чтобы 2 -> 1 -> 3
источник
12:49пожаловаться#3

MF

Max Frai in Svelte [svelt]
спасибо, буду вникать
источник
12:50пожаловаться#4

RS

Roman Shalman in Svelte [svelt]
да, тут тупо свойством order все решается
источник
12:50пожаловаться#5

GV

Gennadiy Vatitov in Svelte [svelt]
Alexey Schebelev
Материалы - фото, видео, презентации я митапа Svelte Russia Meetup #1:
https://cloud.mail.ru/public/4aJ9/qqyXc2dnf/
Облако Mail.ru
Папка из Облака Mail.ru
Облако Mail.ru - это ваше персональное надежное хранилище в интернете.
Спасибо!
источник
13:00пожаловаться#6

GV

Gennadiy Vatitov in Svelte [svelt]
Pavel 🦇 Malyshev
В смысле для чего? Для того чтобы их исполнить на сервере. Ты должен сам позаботиться об их изоморфности, либо вынести client-only код в onMount
Да, вот начинаю допирать) Но странно, что сам onMount как раз в SSR-бандле есть) Видимо, для того чтобы выполнить весь код, имитируя загрузку в DOM?
источник
13:00пожаловаться#7

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Gennadiy Vatitov
Да, вот начинаю допирать) Но странно, что сам onMount как раз в SSR-бандле есть) Видимо, для того чтобы выполнить весь код, имитируя загрузку в DOM?
честно говоря я вообще не уверен по каким правилам там код может вырезаться и есть сомнения что это делает свелт. onMount даже если есть в коде, то он не должен выполняться на сервере
источник
13:08пожаловаться#8

GV

Gennadiy Vatitov in Svelte [svelt]
Pavel 🦇 Malyshev
честно говоря я вообще не уверен по каким правилам там код может вырезаться и есть сомнения что это делает свелт. onMount даже если есть в коде, то он не должен выполняться на сервере
Да, возможно, реально не свелт оставляет. Там в бандле глобально объявлена onMount и, видимо, поэтому во время сборки она остается
источник
13:11пожаловаться#9

GV

Gennadiy Vatitov in Svelte [svelt]
И запускается в теле create_ssr_component()
источник
13:11пожаловаться#10

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Gennadiy Vatitov
Да, возможно, реально не свелт оставляет. Там в бандле глобально объявлена onMount и, видимо, поэтому во время сборки она остается
короче, кода который client-only можно смело писать в onMount
источник
13:15пожаловаться#11

GV

Gennadiy Vatitov in Svelte [svelt]
Pavel 🦇 Malyshev
короче, кода который client-only можно смело писать в onMount
Да, понял)
источник
13:15пожаловаться#12

PM

Pavel 🦇 Malyshev in Svelte [svelt]
если это код, который взаимодействует с DOM элементами, то вроде бы еще actions не выполняются на сервере, но тут мою память надо проверить бы
источник
13:15пожаловаться#13

GV

Gennadiy Vatitov in Svelte [svelt]
да, взаимодействие у меня в onMount, разве что еще за пределами такой код:
$: if (animate) {
  runAnimation();
}
источник
13:18пожаловаться#14

GV

Gennadiy Vatitov in Svelte [svelt]
где runAnimation взаимодействует с DOM-элементом
источник
13:18пожаловаться#15

GV

Gennadiy Vatitov in Svelte [svelt]
Кажется, мне нужно смотреть в сторону сборки на rollup)
источник
13:19пожаловаться#16

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Gennadiy Vatitov
да, взаимодействие у меня в onMount, разве что еще за пределами такой код:
$: if (animate) {
  runAnimation();
}
эта штука выполнится и на сервере
источник
13:21пожаловаться#17

GV

Gennadiy Vatitov in Svelte [svelt]
Pavel 🦇 Malyshev
эта штука выполнится и на сервере
Вот это интересно, надо что-то мне придумать) в onMount совать странно, наверно?
источник
13:22пожаловаться#18

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Gennadiy Vatitov
Вот это интересно, надо что-то мне придумать) в onMount совать странно, наверно?
я не знаю что это такое. если это взаимодействует с элементом, то больше похоже на кейс для экшена
источник
13:23пожаловаться#19

GV

Gennadiy Vatitov in Svelte [svelt]
Pavel 🦇 Malyshev
я не знаю что это такое. если это взаимодействует с элементом, то больше похоже на кейс для экшена
Да, это идея попробовать через экшн) По сути тут просто по флагу запуск и остановка анимации производится. В else-ветке cancelAnimationFrame просто выполняется
источник
13:25пожаловаться#20