k🥔
а времязатратность больше у первого варианта или у вашего?
Size: a a a
2021 January 09
AG
Всем привет. Ребята нужна помощь. Есть требование — сделать продуктовый фильтр, чтобы он был SEO friendly, работал по аналогии с этой демкой https://woocommerce-products-filter.berocket.com/shop/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=ajax_filters, через ajax. БЕ — ruby on rails, FE — пока без серьезных фреймворков. Что можно заюзать, может js-библиотека есть какая. Буду благодарен любой наводке и идее.
t
а времязатратность больше у первого варианта или у вашего?
У второго.
EP
а времязатратность больше у первого варианта или у вашего?
Второй вариант при одинаковых значениях вернет только уникальные. А так можно попробовать как то так оценить... Но у меня всё по нулям
let arr = [['d', 2], ['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3], ['b', 4]]
var t0 = performance.now();
let result1 = arr.map(el => el[0])
var t1 = performance.now();
console.log('Took', (t1 - t0).toFixed(4), 'milliseconds to generate:', result1);
var t2 = performance.now();
let result2 = Object.keys(Object.fromEntries(arr))
var t3 = performance.now();
console.log('Took', (t3 - t2).toFixed(4), 'milliseconds to generate:', result2);
k🥔
У второго.
понял 👍
k🥔
Второй вариант при одинаковых значениях вернет только уникальные. А так можно попробовать как то так оценить... Но у меня всё по нулям
let arr = [['d', 2], ['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3],['a', 3], ['b', 4]]
var t0 = performance.now();
let result1 = arr.map(el => el[0])
var t1 = performance.now();
console.log('Took', (t1 - t0).toFixed(4), 'milliseconds to generate:', result1);
var t2 = performance.now();
let result2 = Object.keys(Object.fromEntries(arr))
var t3 = performance.now();
console.log('Took', (t3 - t2).toFixed(4), 'milliseconds to generate:', result2);
да вот у меня как раз может быть ситуация с одинаковыми значениями, и надо все равно возвращать все элементы, поэтому я все таки буду придерживаться первого варианта
В
Привет, такой вопрос, если у меня есть такой массив
как мне получить в массиве только первые элементы подмассивов? желательно без циклов, спасибо
let arr = [['d', 2], ['a', 3], ['b', 4]]
как мне получить в массиве только первые элементы подмассивов? желательно без циклов, спасибо
Рекурсией?
B
Привет, такой вопрос, если у меня есть такой массив
как мне получить в массиве только первые элементы подмассивов? желательно без циклов, спасибо
let arr = [['d', 2], ['a', 3], ['b', 4]]
как мне получить в массиве только первые элементы подмассивов? желательно без циклов, спасибо
arr.flatMap(([x]) => [x])DA
Всем привет🙋♂️ подскажите плз как сделать предзагрузку изображений на промисах, чтобы отрисовывать изображение на канвасе только после его загрузки. Будет например 10 путей для изображений, и нужно чтобы они лежали в объекте с ключами/именами, чтобы удобно было обращаться. Пример кода ниже
https://codesandbox.io/s/trusting-cannon-1d2x1?file=/src/index.js
https://codesandbox.io/s/trusting-cannon-1d2x1?file=/src/index.js
V
Всем привет🙋♂️ подскажите плз как сделать предзагрузку изображений на промисах, чтобы отрисовывать изображение на канвасе только после его загрузки. Будет например 10 путей для изображений, и нужно чтобы они лежали в объекте с ключами/именами, чтобы удобно было обращаться. Пример кода ниже
https://codesandbox.io/s/trusting-cannon-1d2x1?file=/src/index.js
https://codesandbox.io/s/trusting-cannon-1d2x1?file=/src/index.js
пути укажи правильные к картинкам
DA
Vasiliy
пути укажи правильные к картинкам
Вроде в codesandbox все должно так работать из папки public🤔
DA
Vasiliy
пути укажи правильные к картинкам
В остальном я на правильном пути ?
V
В остальном я на правильном пути ?
да, в чем проблема-то?
DA
Vasiliy
да, в чем проблема-то?
В том, что код не работает))
V
у меня работает
DA
😳
DA
Ладно, спасибо
V
requestAnimationFrame(() => {
this.ctx.drawImage(img, 0, 0, this.canvas.width, this.canvas.height);
})
this.ctx.drawImage(img, 0, 0, this.canvas.width, this.canvas.height);
})
V
и к путям добавил ../public/
DA
Vasiliy
и к путям добавил ../public/
Спасибо))