Нан никогда не равно нан

Как реализовать масштабирование нескольких элементов, относительно другого элемента? Пишу ресайз (на подобии canva.com, google presentation и т.д.) он должен ресайзить как один элемент так и несколько. Рабоатет это так, есть контейнер с элементами, и рядом с контейнером элементов лежит элемент ресайза, и когда элементы выделяются, то элемент ресайза высчитывает размеры и подстраивает его под выбраные элементы. Проблема в том, что элементы лежат отдельно от ресайзера, так как элементы должны подстраиваться по ресайзер ,во время его ресайза. Если бы элементы лежали внутри ресайзера, то я бы без проблем сделал это таким образом: scaleWidth = containerNewWidth / containerSourceWidth scaleHeight = containerNewHeight / containerSourceHeight elemenWidth = elementWidth * scaleWidth elementLeft = elementLeft * scaleWidth elementHeight = elementHeight * scaleHeight elementTop = elementTop * scaleHeight и тогда все элементы подстроятся внутри ресайзера. но постоянно перемещать при начале ресайза элементы в ресазер не хотелось бы, потому, что из за спецификации приложения это очень не жежательно, хотя можно. В общем если я применяю код выше, то элементы нормально масштабируются по width, heigth, а top, left не получается подогнать, я пробовал уже подстраивать координаты, прибавляя/ вычитая координаты контейнеров... что только не делал, не получается подстроить по top, left....

isNaN только

Number.isNaN()

да ладно? вот уж не знал [NaN].includes(NaN) === true

да ладно? вот уж не знал [NaN].includes(NaN) === true

+

Number.isNaN()

я в курсе но как ни странно includes работает

Js это блять ебучий ребус

Js это блять ебучий ребус

:D

Js это блять ебучий ребус

ещё нет, но если ты посмотришь дектораторы и прочие proposal-ы - будет да

[1 / 'a'].includes(2 / 'b') true

я в курсе но как ни странно includes работает

Не странно, разрабы учли это) indexOf уже так не работае

[1 / 'a'].includes(2 / 'b') true

ну тут логично, и первое и второе NaN

Js это блять ебучий ребус

Ребус до тех пор пока не выучишь нормально, потом вся магия понятна становится

Не странно, разрабы учли это) indexOf уже так не работае

в смысле "уже"? indexOf конечно не работает, потому что он сравнивает тупо по ===

Ребус до тех пор пока не выучишь нормально, потом вся магия понятна становится

+

да ладно? вот уж не знал [NaN].includes(NaN) === true

объясните, пожалуйста

объясните, пожалуйста

что именно?

почему в инклюде дает тру, если нан не равен нан)

или там просто внутренняя проверка на тип?

почему в инклюде дает тру, если нан не равен нан)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness

а блин, понял, спасибо

Как в js получить то, что сейчас будет поставлено в input?

в смысле поставлено?

когда пишешь там что-то?

Да

Типа фактического значение

И то, на что будет заменено

Условно после копипасты

ну я так понимаю, что простой листенер вешаешь и все

https://repl.it/@KonstantinKriuk/ClassicPeskyObservation repl.it ClassicPeskyObservation Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in 30+ programming languages: Clojure, Haskell, Kotlin (b... на странице пагинация настроена на пять значений нужно чтобы при появлении 6 11 и т.д. значения страница переключалась автоматически на новую в функции output есть счетчик counter, может как-то его задействовать? интересная задачка, но новичку не под силу

может сегодня кому под силу

Как в js получить то, что сейчас будет поставлено в input?

событие onchange

ну я так понимаю, что простой листенер вешаешь и все

Так я вешаю листнер, вопрос в другом. Как мне получить значение, которое я хочу подставить

Ребята как можно сделать так при смена tabs на мобильке или при нажатие назад в телефона вышел модальное окно

Так я вешаю листнер, вопрос в другом. Как мне получить значение, которое я хочу подставить

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

Именно так я и сказал, изначально, а потом сказал простым языком, чтоб было понятнее)

Но в целом, да, меня интересует текущее и следующее значение

Так я вешаю листнер, вопрос в другом. Как мне получить значение, которое я хочу подставить

var foo = $0; var bar = ''; var now = foo.value; foo.onchange = function(){ bar = foo.value; console.log(bar); }

что-то такое

Но в целом, да, меня интересует текущее и следующее значение

в функцию, которую ты передашь, придет событие e. у него будет поле e.target.value – это следующее значение

Так я вешаю листнер, вопрос в другом. Как мне получить значение, которое я хочу подставить

event.clipboardData.getData("text")

http://jsfiddle.net/Yqrtb/467/

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

таблица изначально скрыта, но после ввода данных, долждны появиться результаты

В образовательный коммерческий проект требуется vue фронт разработчик. Команда сейчас: 1 фронт, 2 бэка. По вопросам в лс

привет, а может кто нибудь подсказать по реакту?

Ребята как можно сделать так при смена tabs на мобильке или при нажатие назад в телефона вышел модальное окно

Кто то знает как это сделать

Кто то знает как это сделать

Я на мобилке там js модалка вперед

Я на мобилке там js модалка вперед

Не понял

Не понял

как и я твой вопрос

как и я твой вопрос

Да exit intent знаете но все это на desktop работает, хотел сделать для мобильного браузера

Ребята как можно сделать так при смена tabs на мобильке или при нажатие назад в телефона вышел модальное окно

Для назад можно использовать событие onbeforeunload

Для назад можно использовать событие onbeforeunload

А для смены вкладок так можно сделал

Нет, помоему такое не получится

Это уже касается самого браузера, а не страницы

Это уже касается самого браузера, а не страницы

Кроме назад что еще можно сделать

ERROR: S client not available

Такое событие отрабатывает когда юзер пытается закрыть вкладку, перейти по ссылке на другую страницу, обновить страницу и т.д

Поищи в гугле

Для назад можно использовать событие onbeforeunload

Это сработал только для обновления браузера

Так ты повесь на нужный элемент, в нашем случае это document.body.onbeforeunload

Привет, никто не знает, реально ли на вебе отслеживать свайп двумя пальцами вверх?

на ios и android

https://developer.mozilla.org/en-US/docs/Web/API/Touch_events/Multi-touch_interaction

Привет, никто не знает, реально ли на вебе отслеживать свайп двумя пальцами вверх?

Гугли в сторону мультитач js

Что обычно спрашивают на собсесах Js? кроме ес6, замыкания

сходи и узнаешь :3

Что обычно спрашивают на собсесах Js? кроме ес6, замыкания

https://github.com/h5bp/Front-end-Developer-Interview-Questions

Привет. Есть разовая работа. Material design + несложный js - перенести элементы в другие места + сортированка данных в таблице (js). го в лс если интересно

.bg { /* The image used */ background-image: url("/wa-data/public/site/img/Image6.png"); /* Full height */ /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; }

Если не задаю фиксированную высоту не работает

как сделать так чтобы высота автоматически применялась при этом не ломаю пропорции и не обрезая кртинку

.bg { /* The image used */ background-image: url("/wa-data/public/site/img/Image6.png"); /* Full height */ /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; }

Какое отношение это имеет к JS?

как сделать так чтобы высота автоматически применялась при этом не ломаю пропорции и не обрезая кртинку

https://t.me/css_ru

Здравствуйте, товарищи! Продолжаю осмыслять правила линтера. Остановился на no-param-reassign: https://eslint.org/docs/rules/no-param-reassign Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила? Пример: document.querySelectorAll('.controlBlock').forEach((currentElement) => { currentElement.style.display = ''; }); Конечно, можно сделать так: document.querySelectorAll('.controlBlock').forEach((currentElement) => { const { style } = currentElement; style.display = ''; }); Но разве это не тупо?

Здравствуйте, товарищи! Продолжаю осмыслять правила линтера. Остановился на no-param-reassign: https://eslint.org/docs/rules/no-param-reassign Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила? Пример: document.querySelectorAll('.controlBlock').forEach((currentElement) => { currentElement.style.display = ''; }); Конечно, можно сделать так: document.querySelectorAll('.controlBlock').forEach((currentElement) => { const { style } = currentElement; style.display = ''; }); Но разве это не тупо?

это очень старое правило

Здравствуйте, товарищи! Продолжаю осмыслять правила линтера. Остановился на no-param-reassign: https://eslint.org/docs/rules/no-param-reassign Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила? Пример: document.querySelectorAll('.controlBlock').forEach((currentElement) => { currentElement.style.display = ''; }); Конечно, можно сделать так: document.querySelectorAll('.controlBlock').forEach((currentElement) => { const { style } = currentElement; style.display = ''; }); Но разве это не тупо?

смысл в том, чтобы не мутировать входные параметры - так как это сайд эффекты

которое еще придумали в 80е годы

э... ну какбе такое дело

это нарушает семантику использования параметров

почемуйта?

почемуйта?

семантика параметра - это данные поданные на вход по аналогии с принципом черного ящика когда мы идем глазами по большой функции мы в местах использования параметров ожидаем что это все те же значения полученные когда была вызвана функция

это нарушает семантику использования параметров

аа я не так понял тебя

я думал правило нарушает