Size: a a a

2020 March 27

nn

nolanson no in pro.js
или  чет пропустил?
источник

F

Foma in pro.js
nolanson no
или  чет пропустил?
бек на фронт полез
источник

nn

nolanson no in pro.js
Foma
бек на фронт полез
звучит пошло)
источник

DE

Denis Efremov in pro.js
И как пошлО?
источник

О

Олег in pro.js
Вопрос. У меня есть блок на странице,  при проскроле этого блока, в мобильной версии (меньше 768px) для друггого блока должен добавляться класс

Это решение сильно ужасное ? Если да, то как можно сделать лучше ?

$(document).on("scroll", () => {
   $(window).on("resize", () => {
       if ($(this).width() < 768) {
           checkPosition();
       }
   });
});

function checkPosition() {
   if ($(".service-main__calc").css("display") === "block") {
       if ($(".service-main")[0].getBoundingClientRect().bottom < 0) {
           ВОТ ТУТ Я БУДУ РАБОТАТЬ С ЭЛЕМЕНТОМ, ЕСЛИ ПЕРВЫЙ БЛОК НЕ ВИДНО И РАЗРЕШЕНИЕ < 768px
       }
   }
}
источник

О

Олег in pro.js
Тут был ответ использовать медиа запросы, но мне нужно добавлять класс именно после того как я прокрутил блок (!)
источник

OV

Oleg Vavilov in pro.js
Олег
Вопрос. У меня есть блок на странице,  при проскроле этого блока, в мобильной версии (меньше 768px) для друггого блока должен добавляться класс

Это решение сильно ужасное ? Если да, то как можно сделать лучше ?

$(document).on("scroll", () => {
   $(window).on("resize", () => {
       if ($(this).width() < 768) {
           checkPosition();
       }
   });
});

function checkPosition() {
   if ($(".service-main__calc").css("display") === "block") {
       if ($(".service-main")[0].getBoundingClientRect().bottom < 0) {
           ВОТ ТУТ Я БУДУ РАБОТАТЬ С ЭЛЕМЕНТОМ, ЕСЛИ ПЕРВЫЙ БЛОК НЕ ВИДНО И РАЗРЕШЕНИЕ < 768px
       }
   }
}
Лучше так

$(document).on("scroll", checkPosition);
$(window).on("resize", checkPosition);


function checkPosition() {
   if (
       $(".service-main__calc").css("display") === "block"
       && $(this).width() < 768
       && $(".service-main")[0].getBoundingClientRect().bottom < 0
   ) {
       // код для выполнения
   }
}
источник

S

Syntax Highlight Bot in pro.js
Oleg Vavilov
Лучше так

$(document).on("scroll", checkPosition);
$(window).on("resize", checkPosition);


function checkPosition() {
   if (
       $(".service-main__calc").css("display") === "block"
       && $(this).width() < 768
       && $(".service-main")[0].getBoundingClientRect().bottom < 0
   ) {
       // код для выполнения
   }
}
источник

OV

Oleg Vavilov in pro.js
Иначе при каждом скролле создается обработчик ресайза
источник

О

Олег in pro.js
Oleg Vavilov
Лучше так

$(document).on("scroll", checkPosition);
$(window).on("resize", checkPosition);


function checkPosition() {
   if (
       $(".service-main__calc").css("display") === "block"
       && $(this).width() < 768
       && $(".service-main")[0].getBoundingClientRect().bottom < 0
   ) {
       // код для выполнения
   }
}
Спасибо. Сейчас попробую
источник

О

Олег in pro.js
Oleg Vavilov
Иначе при каждом скролле создается обработчик ресайза
вот это меня и пугало
источник

t

th.witness in pro.js
Олег
Тут был ответ использовать медиа запросы, но мне нужно добавлять класс именно после того как я прокрутил блок (!)
IntersectionObserver
источник

t

th.witness in pro.js
Я надеялся, что он тебе не понадобится.
источник

ZS

Znacovean Simion in pro.js
Всем привет.
Народ.
Подскажите решения которые Вы вероятно бы выбрали для реализации SSR / либо чего-то подобного в случае планирования разработки приложения на Vue / React,  если бэкенд не на node.js, а на Java? Клиенту важно Seo.
Спасибо.
источник

ES

Eugene Sternin in pro.js
Znacovean Simion
Всем привет.
Народ.
Подскажите решения которые Вы вероятно бы выбрали для реализации SSR / либо чего-то подобного в случае планирования разработки приложения на Vue / React,  если бэкенд не на node.js, а на Java? Клиенту важно Seo.
Спасибо.
Какая разница, на чём бэкенд?
источник

ZS

Znacovean Simion in pro.js
Eugene Sternin
Какая разница, на чём бэкенд?
Ну потому что, если брать тулзы типа Razzle
он при билде отдает js конфигурации которые должны запускаться на node.js серваке
источник

ZS

Znacovean Simion in pro.js
как с другими инструментамии обстоят дела, не знаю
источник

ES

Eugene Sternin in pro.js
Znacovean Simion
как с другими инструментамии обстоят дела, не знаю
источник

VS

Vitaliy Sheverov in pro.js
Ребята, такой вопрос
как правилно модифицировать js-module внешний, раньше такого не делали, но сейчас ситуация такая, что функционала не хватает. Скачивать архив з npm и отдельно в проекте устанавливать или как, ибо сейчас он в node_modules?
источник

ZS

Znacovean Simion in pro.js
Vitaliy Sheverov
Ребята, такой вопрос
как правилно модифицировать js-module внешний, раньше такого не делали, но сейчас ситуация такая, что функционала не хватает. Скачивать архив з npm и отдельно в проекте устанавливать или как, ибо сейчас он в node_modules?
сделать форк на гитхабе и установить
сменить ссылку на зависимость через жесткий путь до гитхаб репозитория
когда поработаете над ним
можете как свой пакет на нпм запулить
и уже на него ссылаться в package.json
источник