Телеграмм чат группы js_noobs

артем новиков

Да

тогда ответ тот же, в лого секшен поставь 100% высоту

21:05пожаловаться #1

C

jk

Я так понял тебе надо выставить свойства width/height уже после того как браузер сделает reflow. Промис сам по себе кладётся в очередь микрозадач сразу после и до reflow. А его executor вообще выполняется синхронно. А setTimeout кладёт в очередь макрозадач после. Т.е. когда ты выставляешь класс и выставляешь доп свойства css всё это батчится и браузер думает что даже анимацию запускать не надо, так как она в конечном состоянии. Есть возможность триггернуть reflow несколькими способами, но мне кажется setTimeout будет самым надёжным.

https://plnkr.co/edit/dcvElj3OBxhkJxlt

да именно ето и хочу, мне просто интересно какие еще есть варианты

21:08пожаловаться #2

C

jk

Я так понял тебе надо выставить свойства width/height уже после того как браузер сделает reflow. Промис сам по себе кладётся в очередь микрозадач сразу после и до reflow. А его executor вообще выполняется синхронно. А setTimeout кладёт в очередь макрозадач после. Т.е. когда ты выставляешь класс и выставляешь доп свойства css всё это батчится и браузер думает что даже анимацию запускать не надо, так как она в конечном состоянии. Есть возможность триггернуть reflow несколькими способами, но мне кажется setTimeout будет самым надёжным.

https://plnkr.co/edit/dcvElj3OBxhkJxlt

а что там за способы, я зашел, посметрел, ничего толком не понятно

21:09пожаловаться #3

j

а что там за способы, я зашел, посметрел, ничего толком не понятно

Всё вышеперечисленное заставляет браузер синхронно пересчитать layout "прямо сейчас".

21:11пожаловаться #4

j

Получение этих свойств, выполнение этих методов.

21:11пожаловаться #5

j

В твоём видоизменённом коде я показал как это работает.

21:11пожаловаться #6

C

охохо
спасибо бро прям помог разобраться

21:13пожаловаться #7

C

div.offsetLeft ета штука вернет отсуп слева от екрана, получаеться если присвоить чемуто правильно?

21:13пожаловаться #8

j

div.offsetLeft ета штука вернет отсуп слева от екрана, получаеться если присвоить чемуто правильно?

Не важно что ты с ним делаешь. Это просто одно из свойств, чтобы получить точное значение которого браузер вынужден пересчитать все визуальные свойства элементов, применить стили, что он там ещё делает.

артем новиков... in JavaScript Noobs — сообщество новичков

21:15пожаловаться #9

а

тогда ответ тот же, в лого секшен поставь 100% высоту

странная работа этих методов всех

21:16пожаловаться #10

C

jk

Не важно что ты с ним делаешь. Это просто одно из свойств, чтобы получить точное значение которого браузер вынужден пересчитать все визуальные свойства элементов, применить стили, что он там ещё делает.

ну прям пасибо, риал помог

артем новиков... in JavaScript Noobs — сообщество новичков

21:17пожаловаться #11

а

так margin: 0 auto не работает, что бы по центру было

21:17пожаловаться #12

C

артем новиков

так margin: 0 auto не работает, что бы по центру было

вот тут я хезе )

артем новиков... in JavaScript Noobs — сообщество новичков

21:19пожаловаться #13

а

вот тут я хезе )

вот и я о том же

Aleksandr Sarkisov in JavaScript Noobs — сообщество новичков

21:26пожаловаться #14

AS

артем новиков

так margin: 0 auto не работает, что бы по центру было

Потому что должна быть конкретная ширина блока

21:40пожаловаться #15

Ф

Филипп in JavaScript Noobs — сообщество новичков

Привет! Можно здесь узнать что-то,кроме написания кода?

21:44пожаловаться #16

C

светлая или темная тема? )

Сергей Луняка... in JavaScript Noobs — сообщество новичков

21:45пожаловаться #17

СЛ

Филипп

Привет! Можно здесь узнать что-то,кроме написания кода?

кое что из подробностей моей жизни

21:45пожаловаться #18

j

Oleksandr Lukhanin

Promise.resolve()
.then(() => console.log(1))
.then(() => console.log(2))
.then(() => console.log(3))
.then(() => console.log(4))

я правильно понимаю, что для выполнения следующего промиса, необходимо что бы предыдущий выполнился и удалился из очереди микрозадач?

Наврал я тебе немножко. Вся эта очередь выполнится в рамках одного этапа эвент лупа. Что-то вроде бесконечной итерации сверху вниз по пачке промисов, пока не останутся только те что pending.

Promise.resolve()
  .then(() => console.log('a 1'))
  .then(() => console.log('a 2'))
  .then(() => console.log('a 3'))
  .then(() => console.log('a 4'))
Promise.resolve()
  .then(() => console.log('b 1'))
  .then(() => new Promise(resolve => {
    console.log('b 2')
    resolve()
  }))
  .then(() => console.log('b 3'))
  .then(() => console.log('b 4'))

setTimeout(() => console.log('macro'))

// a 1
// b 1
// a 2
// b 2
// a 3
// a 4
// b 3
// b 4
// macro

21:46пожаловаться #19

Ф

Филипп in JavaScript Noobs — сообщество новичков

Да у меня тут проблемка возникла с установкой JDK. Пишет что версия уже установлена.
Хотел спросить как установить её