Ну да, старенький

Я обновляю сразу

как вообще можно нормально работать с хэшами? Map громоздкий. Итерация через громоздкие for (let [key, val] of Object.entries(obj)). Может я что-то упустил?

Object.keys(m).map(k => m[k])

как вообще можно нормально работать с хэшами? Map громоздкий. Итерация через громоздкие for (let [key, val] of Object.entries(obj)). Может я что-то упустил?

А чем громоздкий?

с lodash совсем коротко _.map(m, v => v)

А чем громоздкий?

Map.add(key, val), Map.get(key) vs m[key]. И литерала для создания Map нет.

о, lodash же! спасибо, сейчас посмотрю в него

А чем громоздкий?

у меня перебор нескольких уровней большой структуры, код перестал быть красивым и аккуратным с Object, с Map он только хуже

Например?

доброе утро! есть задача - сделать свг-маски для фото, которые меняют форму (6 форм, сменяющих друг друга бесконечно). может быть кто-то знает подходящий инструмент для реализации этого? или, возможно, какие-то примеры 🙏

У меня возникла извращенная идея, как это можно сделать без svg, но на webgl

лучше без извращений :)

доброе утро! есть задача - сделать свг-маски для фото, которые меняют форму (6 форм, сменяющих друг друга бесконечно). может быть кто-то знает подходящий инструмент для реализации этого? или, возможно, какие-то примеры 🙏

А они как-то детектить фото должны? Или просто поверх фото наложить картинку?

Да тут очевидно

поверх фото

Две пикчи

Одну мы используем как стенсил-буфер

А фото фиксированного размера?

да

Если да, то нафиг свг, прозрачное пнг разве не подойдет?

они должны анимироваться плавно

Накладываешь один элемент на другой и все

там 6 разных масок

которые бесконечно сменяют одна другую

А как свг поможет?

ну маски в свг, брать координаты и анимировать скриптом

типа такого http://codepen.io/GreenSock/pen/rOjeRq/

но этот плагин платный

не хотелось бы связываться с ним

типа такого http://codepen.io/GreenSock/pen/rOjeRq/

факин мэджик)

))

svg.js в помощь

а там метод animate

svg-шки то уже готовы?

да

спасибо за наводку

кто знает как можно отловить откуда кинуто событие в DOM, то есть происходит scroll событие и нужно понять откуда ноги растут

кто знает как можно отловить откуда кинуто событие в DOM, то есть происходит scroll событие и нужно понять откуда ноги растут

типо от мышки, из скрипта или клавой?

кто знает как можно отловить откуда кинуто событие в DOM, то есть происходит scroll событие и нужно понять откуда ноги растут

console.log()

везде)

кто знает как можно отловить откуда кинуто событие в DOM, то есть происходит scroll событие и нужно понять откуда ноги растут

отдельно трекать mousewheel, touchstart/touchend, keydown/keyup, etc?

само событие то я отлавливаю мне нужно как-то стек увидеть

Grigory есть вкладка "Event Listeners" в хроме для выбранного элемента

хмм, сейчаc перепрочёл твой вопрос, возможно тебе нужен просто evt.target

нужен не listener а то откуда произошел вызов события

evt.target

и evt.currentTarget для элемента, на который повешен слушатель

хмм, сейчаc перепрочёл твой вопрос, возможно тебе нужен просто evt.target

Для scroll не прокатит

само событие то я отлавливаю мне нужно как-то стек увидеть

Стек чего, прости?

теоритически есть инпут внизу страницы когда происходит input.scrollIntoView() страница скролиться вниз, просиходит событие scroll для документа и вот возможно ли узнать что к скроллу привел input.scrollIntoView()

Событие scroll не emitится явно в коде обычно, его браузер создает в результате некоторых других действий, у которых в свою очередь есть свои события

В точку

Нужно узнать от какого события произошел эмит скролла

оберни методы, которые тебя интересуют

Нужно узнать от какого события произошел эмит скролла

Если сделать window.scrollTo, событий никаких не будет

Кроме scroll

window.scrollTo обернут то есть я точно знаю что он не вызывается

И scrollIntoView тоже никаких событий кроме scroll, не генерит, если timeline в хроме смотреть

#hash не используется?

нет

Нужно узнать от какого события произошел эмит скролла

Ощущение, что кроме как в лоб (оборачивая все нативные методы) эту информацию не получишь.

Или нужно гуглить тщательнее)

Scroll - async event, поэтому по нему невозможно что-либо понять о причинах, это просто уведомление, что скролл произошел. https://w3.org/TR/uievents/#event-type-scroll

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

Вроде как придётся подписываться на все евенты которые могут привести к скроллу и сравнивая тайминги уже решать откуда это пришло, ничего умнее в голову не приходит

Вроде как придётся подписываться на все евенты которые могут привести к скроллу и сравнивая тайминги уже решать откуда это пришло, ничего умнее в голову не приходит

И не только ивенты, есть методы в DOM, которые это событие вызовут, и тупое изменение scrollTop/scrollLeft, если мы про внутренние элементы.

Best OS family GNU/Linux – 79 👍👍👍👍👍👍👍 40% OS X – 61 👍👍👍👍👍 31% MS Windows – 37 👍👍👍 19% BSD – 5 ▫️ 3% Haiku – 4 ▫️ 2% GNU/Hurd – 3 ▫️ 2% CP/M – 2 ▫️ 1% NeXTSTEP – 2 ▫️ 1% OS/2 – 2 ▫️ 1% BeOS – 2 ▫️ 1% 👥 197 people voted so far.

Чувакки, чуваки. Какие новые языки программирования вы изучаете, какие новые мега либы нашли крутые?

swift :( немного смотрю в сторону node.js

Чувакки, чуваки. Какие новые языки программирования вы изучаете, какие новые мега либы нашли крутые?

Haskell, F#, C#, OCaml, PureScript, Elm, Go

Чувакки, чуваки. Какие новые языки программирования вы изучаете, какие новые мега либы нашли крутые?

Google Golang

Google Golang

и как? для бекэнда используешь?

и как? для бекэнда используешь?

Пока никак

Только учу

быстрый и безопасный, но скучный и часто неудобный

Дошёл до написания Hello World

А-а..