freislot
@freislot
Frontend-разработчик

А как вы адаптируете сайт, когда нужна помощь js?

Я заметил что я из проекта в проект начинаю тянуть вот такую конструкцию, придумал ее довольно давно, когда только встретился впервые с js лицом к лицу :)
var mobileMarker = false; 
updateContainer();

	$(window).resize(function() {
		updateContainer();
	});

	function updateContainer() {
		if (window.innerWidth < 768) {
			if(!mobileMarker){
				//здесь выполняю какой-то код для мобильных, например перетаскиваю нужный блок в другое место
				mobileMarker = true;
			}
		}else {
			if(mobileMarker){
				// на место возвращаю блоки, которые перетаскивал на мобильных
				mobileMarker = false;
			}
			
		}
	}


Впринципе как это работает меня устраивает, по ресайзу обновляется переменная и весь код внутри функции выполняется 1 раз, раньше помню столкнулся с тем что каждый пиксель на ресайзе вызывал функцию опять и опять) я это победил условием if(mobileMarker).

Знающие, скажите пожалуйста корректно ли вообще использовать такой подход, такой код, как подобные ситуации решаете вы. Спрашиваю т.к учусь совсем javascript'у и не с кем посоветоваться правильно ли я выполняю свои задачи) а то код может работает а подход в корне неверный) Просто очень часто наш дизайнер рисует мобилу и десктоп так, что без js там не разложишь блоки малой кровью :)
  • Вопрос задан
  • 1464 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
@Za0r
pop()
А как же флексы?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
06 апр. 2020, в 14:44
5000 руб./за проект
06 апр. 2020, в 14:11
500 руб./в час
06 апр. 2020, в 14:02
10000 руб./за проект