Size: a a a

JavaScript — русскоговорящее сообщество

2020 August 30

М

Максим in JavaScript — русскоговорящее сообщество
Aleksandr Sarkisov
Ну анимация объектов при скролле же
А может паралакс, а может sticky. Вот и разбери что нужно
источник

AS

Aleksandr Sarkisov in JavaScript — русскоговорящее сообщество
Максим
А может паралакс, а может sticky. Вот и разбери что нужно
Ну конечно возможно, но мне почему-то сразу в голову только это пришло
источник

e

ed in JavaScript — русскоговорящее сообщество
Bogdan Stelmakh
Я имею ввиду , когда при скролле контента на странице менялись элементы по определённому шагу. (Выплывал или заплывал какой-то элемент типо img) Тоесть мне нужно привязать элемент к экрану через позишн absolute or fixed . И дальше при скролле они в заданной последовательностью меняются (накладываются друг на друга , или выходят за пределы экрана по своим начальным позициям). Вопрос в том как это можно сделать на чистом js и css. Если есть у кого-то какой-то ресурс где можно почитать, с радостью посмотрю! За ранее спасибо за информацию, надеюсь пояснил )
не трогай картинки, опиши их положения через css, манипулируй классами
источник

BS

Bogdan Stelmakh in JavaScript — русскоговорящее сообщество
ed
не трогай картинки, опиши их положения через css, манипулируй классами
Благодарю за совет.)
источник

e

ed in JavaScript — русскоговорящее сообщество
Bogdan Stelmakh
Благодарю за совет.)
типо img.position-1 img.position-1.active
источник

e

ed in JavaScript — русскоговорящее сообщество
ну и не считай пиксели, юзай проценты, продумай как оно должно быть на мобилке, все такое, на мобилке свайпы надо обрабатывать
источник

АХ

Артем Харин... in JavaScript — русскоговорящее сообщество
Ребят, привет! Буду благодарен, кто поможет.
Уже не один день бьюсь над задачей.
В общем в чем суть задачи.
Есть отдельные компоненты, каждый находится в своем бандле на сервере.
Мне нужно создать общий модуль, который будет грузить эти бандлы с сервера.
Причем, если на сервере изменили версию модуля, то есть появилась более новая версия, то нужно чтобы мой главный модуль загрузил её, а не старую версию.

Как бы вы реализовали это? Есть идеи?

Я начал с того, что создал инкапсилированные модули в виде кастомных тегов. То есть они изолированны между собой.То есть компоненты есть. Взаимодействие их между собой на странице я думаю сделать кастомными событиями. А как сделать так, чтобы они подгружались в главный модуль не пойму. И как мне локально все это дело поднять..
источник

BS

Bogdan Stelmakh in JavaScript — русскоговорящее сообщество
ed
ну и не считай пиксели, юзай проценты, продумай как оно должно быть на мобилке, все такое, на мобилке свайпы надо обрабатывать
Так и планировал делать. На счёт тел. Версии ещё не думал, благодарю за идею )
источник

e

ed in JavaScript — русскоговорящее сообщество
Артем Харин
Ребят, привет! Буду благодарен, кто поможет.
Уже не один день бьюсь над задачей.
В общем в чем суть задачи.
Есть отдельные компоненты, каждый находится в своем бандле на сервере.
Мне нужно создать общий модуль, который будет грузить эти бандлы с сервера.
Причем, если на сервере изменили версию модуля, то есть появилась более новая версия, то нужно чтобы мой главный модуль загрузил её, а не старую версию.

Как бы вы реализовали это? Есть идеи?

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

АХ

Артем Харин... in JavaScript — русскоговорящее сообщество
ed
как-то крайне сложно выглядит задача, сложно представить кейс использования
ну вот как есть)новый проект блиать)
источник

e

ed in JavaScript — русскоговорящее сообщество
Артем Харин
ну вот как есть)новый проект блиать)
имеется в виду это легаси, или так проектируется? (с нуля)
источник

АХ

Артем Харин... in JavaScript — русскоговорящее сообщество
ed
имеется в виду это легаси, или так проектируется? (с нуля)
новый, с нуля. Я просто не знаю как мне локально объединить три сборки в один проект. То есть чтобы я мог запускать каждый модуль отдельно как приложение и при этом главный модуль отображал остальные два. И если я вношу изменения в те два, то в нем тоже менялось отображение. То есть задача импортировать в режиме разработки два модуля в один главный
источник

e

ed in JavaScript — русскоговорящее сообщество
Артем Харин
новый, с нуля. Я просто не знаю как мне локально объединить три сборки в один проект. То есть чтобы я мог запускать каждый модуль отдельно как приложение и при этом главный модуль отображал остальные два. И если я вношу изменения в те два, то в нем тоже менялось отображение. То есть задача импортировать в режиме разработки два модуля в один главный
если с нуля тогда возникают вопросы зачем так сложно, что это вообще такое?

если это раздельные приложения, как насчет айфреймов?)

если это просто модули, то в чем проблема импорта?
источник

PT

Plot Twist in JavaScript — русскоговорящее сообщество
Подскажите пожалуйста если возможность какая то найти у одного элемента все data атрибуты которые у него есть?
источник

e

ed in JavaScript — русскоговорящее сообщество
Plot Twist
Подскажите пожалуйста если возможность какая то найти у одного элемента все data атрибуты которые у него есть?
element.dataset?
источник

М

Максим in JavaScript — русскоговорящее сообщество
Артем Харин
новый, с нуля. Я просто не знаю как мне локально объединить три сборки в один проект. То есть чтобы я мог запускать каждый модуль отдельно как приложение и при этом главный модуль отображал остальные два. И если я вношу изменения в те два, то в нем тоже менялось отображение. То есть задача импортировать в режиме разработки два модуля в один главный
Если подключаемые модули, можно на серверах с ними создать json файл или запрос с ссылкой на самый актуальный и при обновлении модуля менять там ссылку, а в главнный тянуть уже с этого json
источник

АХ

Артем Харин... in JavaScript — русскоговорящее сообщество
ed
если с нуля тогда возникают вопросы зачем так сложно, что это вообще такое?

если это раздельные приложения, как насчет айфреймов?)

если это просто модули, то в чем проблема импорта?
насчет iframe надо подумать..на по сути отдельные приложения
источник

e

ed in JavaScript — русскоговорящее сообщество
Максим
Если подключаемые модули, можно на серверах с ними создать json файл или запрос с ссылкой на самый актуальный и при обновлении модуля менять там ссылку, а в главнный тянуть уже с этого json
ссылку можно и на фронте делать каждый раз новой просто используя timestamp в названии, а на сервере его вырезать

но тут надо уделять доп внимание если есть несколько CDN чтобы все не сломалось
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
Артем Харин
новый, с нуля. Я просто не знаю как мне локально объединить три сборки в один проект. То есть чтобы я мог запускать каждый модуль отдельно как приложение и при этом главный модуль отображал остальные два. И если я вношу изменения в те два, то в нем тоже менялось отображение. То есть задача импортировать в режиме разработки два модуля в один главный
Работал с таким проектом. Где было несколько приложений в одном(собирались отдельные бандлы). Но это было на ангуляре. Там у каждого бандла был свой main.ts.
На наливке тоже можно так сделать на вебпаке. Просто указать флаги, описать как с ними собирать проект
источник

PT

Plot Twist in JavaScript — русскоговорящее сообщество
ed
element.dataset?
Спасибо совсем про него забыл, работает)
источник