npm i -s ангуляркли
неа
Dima
🤴👷♂️🦸♂️🧚♀️
Dima
локально установить cli отдельно для проекта, отличная идея
не знаешь почему такая проблема возникает
Igor M
как минимум стоит перезапустить консоль
Igor M
можно попробовать npx ng new my-app
Igor M
https://medium.com/@starikovs/how-to-use-angular-cli-locally-729dbb6707dd
Mike
Ребят подскажите, как правильно округлять значения top, left, width, height для элемента?
Вот пример: есть загруженное изображение в DOM. у изображения соотношение сторон 16/9. При пропорциональном уменьшении размера карткинка прыгает немного.
Делаю что-то вроде этого:
// текущая ширина картинки к примеру 882.1520px
const aspectRatio = el.clientWidth / el.clientHeight
const oldWidth = el.clientWidth
// теперь нужно уменьшить/увеличить картинку пропорционально, допустим по ширине
const newWidth = 500
el.style.width = newWidth + 'px'
el.style.clientHeight = newWidth / aspectRatio + 'px'
этот код работает, но картинка подпрыгивает из за дробных значений.
я пробовал по разному округлять, не получается сделать.
Andrew
Ребят подскажите, как правильно округлять значения top, left, width, height для элемента?
Вот пример: есть загруженное изображение в DOM. у изображения соотношение сторон 16/9. При пропорциональном уменьшении размера карткинка прыгает немного.
Делаю что-то вроде этого:
// текущая ширина картинки к примеру 882.1520px
const aspectRatio = el.clientWidth / el.clientHeight
const oldWidth = el.clientWidth
// теперь нужно уменьшить/увеличить картинку пропорционально, допустим по ширине
const newWidth = 500
el.style.width = newWidth + 'px'
el.style.clientHeight = newWidth / aspectRatio + 'px'
этот код работает, но картинка подпрыгивает из за дробных значений.
я пробовал по разному округлять, не получается сделать.
Тут проблема наверное не из-за дробных, а из-за того что ты меняешь не плавно длину ширину, а сразу сетишь новую. И она будет дёргаться. Тебе нужно плавно увеличить размеры за n-ое время, допустим на 5% за шаг
Mike
Тут проблема наверное не из-за дробных, а из-за того что ты меняешь не плавно длину ширину, а сразу сетишь новую. И она будет дёргаться. Тебе нужно плавно увеличить размеры за n-ое время, допустим на 5% за шаг
картинке могут любой размер указать, картинка может быть большой (к примеру 1920x1080) и изменить ее можно на любой размер, к примеру ширину на 300
Mike
так что не получится плавно
Mike
или я вас не так понял?
Andrew
Я имел ввиду, что менять размер с 1080 до 300 не сразу, а за 500мс например. Аля анимация
Andrew
По немного, шагами например в 50мс
Andrew
Браузер не будет плавно ресайзить имдж, на сколько я знаю
Andrew
Edit fiddle - JSFiddle
http://jsfiddle.net/elclanrs/XBmc9/
Mike
Браузер не будет плавно ресайзить имдж, на сколько я знаю
это тупо и не оправданно) просто нужно правильное решение
Mike
^^ тут jq конечно, но вот вроде то что тебе надо
спасибо) но мне конечно нужно решение по задачи, найду все равно)
Andrew
Ты глянул пример?)
Andrew
Не то?
Mike
Не то?
ну что размер меньше становится это да, но он резко должен меняться, так что нужно праильно округлить
Andrew
Уменьш тайминг
Anonymous
Вот сделал я запрос и как мне респонс (ответ сам html сайта) и как мне заретюрнить его тк чтобы на странице отображался ответ весь?
Mike
Уменьш тайминг
)))) оказалось я пропустил ширину, я думал все округлил, но ширину все таки пропустил....
короче просто нужно округлить новые ширину и высоту
Andrejs Sahniks
Всем привет.
! есть мобильное меню оно работает на кнопку открывается при нажатии на кнопку закрывается.
Вопрос, как сделать что бы при нажатии на любое место в html оно закрывалось ?
Andrejs Sahniks
Надо выбрать весь html?
Anonymous
Селектор всё(*) кроме меню
Andrejs Sahniks
Спасибо
Andrejs Sahniks
А как правильно это прописать ?
.document.querySelectorAll() ????
Andrejs Sahniks
Как меню не получить?
Anonymous
document.querySelectorAll('*:not('меню')')
Andrejs Sahniks
Спасибо
Сергей
Это плохая идея.
Сергей
Нужно повесить обработчик на элемент html и использовать делегирование
Andrejs Sahniks
Нужно повесить обработчик на элемент html и использовать делегирование
Спасибо, сейчас посмотрю.
Никита
Привет, программисты
Никита
Можете скинуть ресурсы для изучения js?
Никита
Там же ES5?
Никита
Ты меня не обманываешь?
Q
друзья, как в цикле for in определить последнюю итерацию? я перебираю локалсторич
Illia
Проверяй или ключ/значение не пустое
Q
спасибо, разобрался
Q
он шел с конца, и я таким не замысловатым способом вычислил последнюю итерацию🙈
else if (item.slice(4) == 1) {
alert('something went wrong')
}
Anonymous
да ты гений
Anonymous
если 1 элемент?
Anonymous
сработает
Pavel
не правильно)
Pavel
const arr = ['a', 'b', 'c'];
for (const [i, v] of arr.entries()) {
console.log(i, v);
if ((i+1) === arr.length) {
console.log('Last element: ' + v);
}
}
Syntax Highlight Bot
Pavel
вот так правильно)
Maxim
Maxim
Maxim
Почему всё это не имеет человеческий вид?
Dima
Что я делаю не так. Решал я задачку на JS. Надо было хитро сравнить массивы: array1.map(x=>x.length) == array2.map(x=>x.length) не работает. array1.map(x=>x.length).join(";") == array2.map(x=>x.length).join(";") завелось. Что в JS нельзя сравинвать массивы через == ?
Dima
обязательно в строку конвертировать?
Aidar
Igor M
Что я делаю не так. Решал я задачку на JS. Надо было хитро сравнить массивы: array1.map(x=>x.length) == array2.map(x=>x.length) не работает. array1.map(x=>x.length).join(";") == array2.map(x=>x.length).join(";") завелось. Что в JS нельзя сравинвать массивы через == ?
сравниваются по ссылке, а не по значению
Igor M
примерно вот так
Dima
сравниваются по ссылке, а не по значению
то что обе переменных указывают на одну и туже сущность в памяти.
Dima
a = [1]
b = a
console.log(a==b)
Dima
Dima
благодарю.
Anonymous
Что я делаю не так. Решал я задачку на JS. Надо было хитро сравнить массивы: array1.map(x=>x.length) == array2.map(x=>x.length) не работает. array1.map(x=>x.length).join(";") == array2.map(x=>x.length).join(";") завелось. Что в JS нельзя сравинвать массивы через == ?
по какому признаку тебе надо сравнить массивы
Anonymous
по идентичности?
Dima
по какому признаку тебе надо сравнить массивы
в задачи требовалось сравинть двумерные массивы по размерам элементов. задача решена.
Дмитрий
Есть произвольное количество дивов, нужно при клике на общий блок содержимое каждого из дивов вставлять в отдельную ссылку. Как это через jquery записать? У меня все дивы вставляются в одну ссылку, а не в разные
Dima
Есть произвольное количество дивов, нужно при клике на общий блок содержимое каждого из дивов вставлять в отдельную ссылку. Как это через jquery записать? У меня все дивы вставляются в одну ссылку, а не в разные
$('.class-for-div').each(function(){ $(this).append('<a>link you need to insert</a>')}) внимание, не использовать arrow function в качестве аргумента each потому что не будет this. https://api.jquery.com/each/
Dima
Андрей
Haha classic