Комментарии 13
НЛО прилетело и опубликовало эту надпись здесь
document.querySelectorAll('button').forEach(button => {
button.addEventListener('click', function () {
// по клику вызывается функция со значением кнопки в качестве параметра
calc(this.value)
})
})
Не стоит так делать в случае, если элементов много, это не производительно.
Как посчитать производительность?
Измерением времени на выполнение операций.
Если просто то так:
1. Записываете в переменную const startTime = performance.now()
2. Выполняете операции
3. Смотрите на performance.now() — startTime
habr.com/ru/company/tinkoff/blog/489230
Вот тут можете найти еще немного информации по измерению производительности в браузере
Если просто то так:
1. Записываете в переменную const startTime = performance.now()
2. Выполняете операции
3. Смотрите на performance.now() — startTime
habr.com/ru/company/tinkoff/blog/489230
Вот тут можете найти еще немного информации по измерению производительности в браузере
Стили для
Рекомендую почитать про БЭМ, подход сильно упрощает разработку.
* { ... } не самая производительная вещь. Более того при таких стилях становится очень сложно переиспользовать вёрстку на других проектах и использовать сторонние библиотеки. В одном проекте * { box-sizing: border-box; } сломал встроенные гуглокарты, причём не сразу, а после их какого-то обновления.Рекомендую почитать про БЭМ, подход сильно упрощает разработку.
НЛО прилетело и опубликовало эту надпись здесь
Наш калькулятор будет true simple (42 строки кода, включая пробелы между блоками), но при этом полнофункциональным и масштабируемым.и 1,79МБ подключаемой библиотеки math.js (550кБ после её пережатия).
Это пока уровень 5-8 класса школы, нужно двигаться дальше — написать свой парсер простых математических выражений, с функциями, скобками и переменными. Это уже будет курсовая уровня 1 курса.
Было бы неплохо этот калькулятор сделать таким одним файлом html, который ничего с инета не качает. Тогда можно его прям по скайпу кинуть и использовать на любом компе всегда в одном первозданном виде, независимо от версии ОС.
И даже одним URL ом можно :) kod.ru/itty-bitty-site
Забавно. Я делал точно так же: в строке URL хранил zip -> base64 закодированные данные. Видимо, не одного меня адресная строка привлекает.
Беда лишь в том, что на многих сервисах есть ограничения по длине строки. Например, на ГитХабе можно всунуть 8К символов, а на БитБакете лишь 4К. Хабр так совсем обрезает рано. Хранить такие ссылки без сократителей ссылок тоже тяжко.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Пишем калькулятор на JavaScript