Ну это я утрированный пример специально сделал) Но тем не менее, сильная штука выходит
Можено ещё классы там объявлять
Oleg
Дима
Точно
Oleg
Создавать их инстансы
Дима
Но это уже просто выражение, там всё равно, что объявлять, class expression или что-то ещё
Oleg
Вот только ассинхронщину сложно
Oleg
Потому что код функции не дождется результатов вызова параметров
Дима
Блин, async в переменных это жёстко))
Oleg
Но можно добавть в параметр параметр, который будет вызываться через другой параметр вложенной функции внутри параметра параметра вложенной функции параметра
Дима
Callback hole
Дима
Какой-то
Nikolay
Дима
Круче только class { async constructor() {} }
Oleg
метапрограммирование сурово 😄
Дима
До сих пор не пойму, почему мне это не дают сделать 😡😂
Дима
Ещё
Oleg
Это да
Nikolay
на самом деле в es6 вот это прям иногда подумать заставляет param1 => param2 => param3 => param4 => (result)
Oleg
Но почти
Дима
на самом деле в es6 вот это прям иногда подумать заставляет param1 => param2 => param3 => param4 => (result)
Я ступеньками всё это пишу, потому что у меня часто так
Oleg
Удобно для асинхронных функций
Anonymous
Oleg
Итого ты пишешь такую вот полоску, которая без стрелок была бы треугольником вложенным
Oleg
Выполнение по асинхронным шагам
Дима
Nikolay
Итого ты пишешь такую вот полоску, которая без стрелок была бы треугольником вложенным
треугольником? чтоза?
Oleg
http://icompile.eladkarako.com/wp-content/uploads/2016/01/icompile.eladkarako.com_callback_hell.gif
Nikolay
А, видел )
Nikolay
лесенки
Дима
Ну вот у меня половинка лесенки, и так ориентироваться на самом деле реально удобно, в отличии от "полной"
Дима
В ramda функциях так вообще постоянно такая запись
Nikolay
скоро до кложуры дело дойдет
Oleg
Можно ещё писать в стиле минимума вложенности и если нужно вложение - делать отдельный метод, а результаты каждого шага, при необходимости, хранить в свойствах класса, итого - полное отсутствие треугольников/калбекхелов/пирамид_смерти/и_прочих
Oleg
ООП решает вопрос треугольности
Oleg
Впрочем, можно и без классов, функция с функциями
Oleg
И в замыкании хранить
Oleg
Но суть таже в принципе
Oleg
Выносить шаги в стейт
Oleg
Результаты шагов в смысле
Дима
Но почти
Метапрограммирование в js это например когда у тебя есть пустой объект {}, который внезапно поступает таким образом
const meta = {}
meta.prop
//=> 'prop'
meta
//=> { prop: { name: 'prop', child: {} } }
meta.prop.child.fn
//=> ()=>'fn'
meta
//=> { prop: { name: 'prop', child: { fn:{ name:'fn',child:{} } } }
И так до бесконечности 😄
Это странный пример, но реальное применение тоже есть)
Anonymous
Ну что, нашли кто смайлики ворует?
Дима
Я говорю я сразу видел)
Дима
Сейчас не должны воровать)
Дима
😏
Andrew
А есть какие-то тулзы для анализа кода на поддержку в разных браузерах?
Ivan
https://habrahabr.ru/post/111748/
Ivan
вторая ссылка из гугла
Andrew
Это немного не то
Vlad
А есть какие-то тулзы для анализа кода на поддержку в разных браузерах?
saucelabs, а вообще что ты имеешь ввиду?
Vlad
код или e2e
Andrew
Входные данные - js код
Выходные - результат списком/таблицей
типо:
fetch: поддерживается там-то и т.д.
Oleg
caniuse
Andrew
Ну вот я писал код или получил готовый, и хочу узнать, в каких браузерах он будет работать корректно(на основе используемых технологий, те же fetch, es6 и т.д.)
Oleg
Там руками, увы
Vlad
Vlad
тогда следи за этим проектом https://github.com/babel/babel-preset-env
Vlad
> Support a browsers option like autoprefixer
вот эта строчка тебе нужна
Andrew
тогда следи за этим проектом https://github.com/babel/babel-preset-env
Большое спасибо, тема!
Vlad
ну и смотри компат тейблы
Vlad
http://kangax.github.io/compat-table/es6/
🍔 Nadir
Здесь JavaScript туса?
Andrew
Спасибо за ссылочки
Cesare Borgia
Всем привет. У меня вопрос на счет верстки, раньше занимался изучением только бэк-энд части и с версткой знаком только на уровне гугления стэковерфлоу. У меня есть отцентрированная картинка в div'е, её размеры заданы через max-width: 90%; max-height: 90%; Теперь хочу добавить полу-прозрачные кнопочки на ней, типа лайк, дизлайк, увеличить и всякое такое. Как я понимаю это делается через position: absolute; но вот беда, ни позиции картинки, ни её размеров я не знаю. Есть идея узнать размеры dom-элемента через js, но я пишу на ELM-languge, где страница рендерится вся вместе и подобное провернуть довольно проблематично. Потому наталкиваюсь на мысль что делаю я это все неправильно. Подскажите, пожалуйста, как такое делается и чем?
Sergey
Ребят есть вопрос по mocha
describe('level1') {
beforeEach(() => {})
it('test from level1', () => {})
describe('level2', () =>{
it('test from level2', () => {})
})
})
beforeEach сработает только на test from level1, или ещё и на test from level2 ?
Nikolay
по логике только на первый
Nikolay
а вообще возми да проверь )
Gregory
Всем привет. У меня вопрос на счет верстки, раньше занимался изучением только бэк-энд части и с версткой знаком только на уровне гугления стэковерфлоу. У меня есть отцентрированная картинка в div'е, её размеры заданы через max-width: 90%; max-height: 90%; Теперь хочу добавить полу-прозрачные кнопочки на ней, типа лайк, дизлайк, увеличить и всякое такое. Как я понимаю это делается через position: absolute; но вот беда, ни позиции картинки, ни её размеров я не знаю. Есть идея узнать размеры dom-элемента через js, но я пишу на ELM-languge, где страница рендерится вся вместе и подобное провернуть довольно проблематично. Потому наталкиваюсь на мысль что делаю я это все неправильно. Подскажите, пожалуйста, как такое делается и чем?
ставь не css стили, а на elm используя 90 процентов от длины и высоты window или parent блока (я хз от чего там у тебя), и потом уже от этих величин и пляши
Gregory
Тем самым будешь знать все размеры, стили тогда пиши в ELM
Cesare Borgia
ставь не css стили, а на elm используя 90 процентов от длины и высоты window или parent блока (я хз от чего там у тебя), и потом уже от этих величин и пляши
Так бы и сделал, но беда в том что размеры картинки не знаю как получить... Хочу чтобы она нормально влазила на страницу и сохраняла aspect ratio, соответственно потому не статически задаю width, а использую max-width
Anonymous
Кто нить сталкивался с проблемой
TypeError: User.findOne is not a function при использовании passport.js?
Anonymous
Кто нить сталкивался с проблемой
TypeError: User.findOne is not a function при использовании passport.js?
ожидалась функция, а там не функция, лезь в исходники и правь
Cesare Borgia
Нашёл решение! Кому интересно:
Cesare Borgia
Cesare Borgia
Тададададам!
Cesare Borgia
.MemeImage {
position: relative;
display: inline-block;
background-size: cover;
max-width: 90%;
max-height: 90%;
}
.FakeMemeImage {
visibility: hidden;
}
.Like {
position: absolute;
right: 10px;
bottom: 10px;
}