Comments 13
UFO just landed and posted this here
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; } сломал встроенные гуглокарты, причём не сразу, а после их какого-то обновления.Рекомендую почитать про БЭМ, подход сильно упрощает разработку.
UFO just landed and posted this here
Наш калькулятор будет true simple (42 строки кода, включая пробелы между блоками), но при этом полнофункциональным и масштабируемым.и 1,79МБ подключаемой библиотеки math.js (550кБ после её пережатия).
Это пока уровень 5-8 класса школы, нужно двигаться дальше — написать свой парсер простых математических выражений, с функциями, скобками и переменными. Это уже будет курсовая уровня 1 курса.
Было бы неплохо этот калькулятор сделать таким одним файлом html, который ничего с инета не качает. Тогда можно его прям по скайпу кинуть и использовать на любом компе всегда в одном первозданном виде, независимо от версии ОС.
И даже одним URL ом можно :) kod.ru/itty-bitty-site
Забавно. Я делал точно так же: в строке URL хранил zip -> base64 закодированные данные. Видимо, не одного меня адресная строка привлекает.
Беда лишь в том, что на многих сервисах есть ограничения по длине строки. Например, на ГитХабе можно всунуть 8К символов, а на БитБакете лишь 4К. Хабр так совсем обрезает рано. Хранить такие ссылки без сократителей ссылок тоже тяжко.
Sign up to leave a comment.
Пишем калькулятор на JavaScript