Пишем калькулятор на Vue.js
HTML-код
- Опубликовано: 12 сен 2024
- Пишем простейший калькулятор на Vue.js.
Codepen: codepen.io/ksy...
Vue.js документация: vuejs.org/v2/g...
vue.js CDN: cdn.jsdelivr.n...
*уточнение по функции eval(): Функция eval(code) позволяет выполнить код, переданный ей в виде строки. Таким образом, мы можешь записать в input калькулятора абсолютно любое математическое выражение в рамках синтаксиса js , и функция вернёт результат. Тем не менее, не советую с помощью этой функции реализовывать калькулятор для продакшена, ведь функция исполняет любой js код, который получает. Хотя в целом, можно повесить регулярное выражение, которое будет предотвращать выполнение данной функции, если в строке содержится что то, кроме разрешенных выражений. :)
Когда следующий урок??
Скоро 👀😉
Следующего видео не будет, автор не может больше заниматься данной деятельностью
Мне понравилось. Одно дело когда говорят теорию, считают и выводят цифры, другое дело как тут - реальный пример использования. Подписался в надежде не выход подобных роликов. Спасибо.
Объясняешь очень понятно, да и голос приятный)
Спасибо за отзыв, я рад!
Класс 👍🏼 Очень хорошо поясняешь) Хотелось бы больше таких уроков на разные темы по JS и не только)
Хорошо, скоро возможно будет что нибудь по svelte или node.js😉
@@user-bc2nc5lt5p Оо, по ноде было бы неплохо :)
Круто, краткость - сестра таланта, благодарю, достаточно понятно и результат красивый!
Артём, не останавливайся! -)
Бро спасибо за урок. Было бы круто если было еще такие маленькие практические работы на Vue. Тебе удачи
Бро?
Ты же не русский. Тебе можно
@@richardmiller6829что ты говоришь. Что это значит. Ты не русский. Тебе можно. А чё тебе нельзя что ле
@@user-dp8xc9tx8n слово бро это английский
@@user-dp8xc9tx8n где твоя грамматика
@@richardmiller6829 ладно в следующий раз буду писать с грамматикой
Супер! Спасибо за познавательный урок! Побольше снимай такие видео!
круто ! калькулятор сделан оригинально, по крайне мере из всех калькуляторов на vue этот код написан лаконичным
Я рад, что вам понравилось !
«eval is evil»
отличное объяснение, побольше бы таких видео доступным языком, надеюсь на продолжение
Благодарю!
Спасибо за отличное практическое занятие с пояснениями
первый внятный пример работы vue, спасибо) правда у меня почему-то не вводятся цифры с клавиатуры, и кнопкой enter идет не подсчет результата, а ввод ранее выбранной цифры. Но это уже особенности моего хрома, видимо)) пытаюсь пофиксить.
Супер, чётко без воды.
Лол, реально 500 подписчиков? Ты же классный..., странный подбор роликов у youtube.
Я сначала решил 500 тыс., все интересно и годно... Рекомендую всем кто мимо проходит, даже если это вам не надо!
Спасибо большое, здоровья тебе друг)
Спасибо за реальный, нормальный пример
Всё таки стоило добавить некий фильтр, ибо всё таки eval, новички могут это не учесть в продакшене
Но в целом, хороший урок )
Возможно стоит проанализировать какие компоненты в моде у джунов и соответственно проблемные, и ролики по их написанию строчить 7-10 минут под музыку. :))
Хз, жаль терять интересного ютубера!
Спасибо за совет! Ну я делаю видео раз в полгода 😂 Вот хочу на днях про Vue 3 записать
Покажешь еще какие нибудь проекты на Vue.js?
Да, возможно в будущем. Никак времени нет, хоть и хочется что нибудь записать ..(
круто,
thx😉
Здорово. Спасибо!
А как этот калькулятор внедрить на живой сайт на любой ЦМС?
Что за тема и подсветка в vs code?
UPD: нашел, называется Palenight
12:00 - что сделает, транспинирует? может просто выполнит содержимое строки?
А как пофиксить чтобы нельзя было вводить подряд несколько операторов?
Можно поставить обработчик событий на ввод, к примеру @input или же подписаться на обновление result с помощью watch
Че так мало уроков. Пили еще
Вышло новое видео, про реакт! Следующий видос про vue, думаю рассказать про vuex или mixins
@@user-bc2nc5lt5p спасибо что написал, заценю завтра с утра.
"расширения вот такие..."
Спасибо, только eval не безопасно использовать, какая есть альтернатива?
You can use math.js to evaluate expressions
mathjs.org/docs/expressions/parsing.html
@@user-bc2nc5lt5p Спасибо
годно
Почему все делают калькулятор на eval
Потому что это удобно!) Зачем придумывать велосипед если js сам все прекрасно умеет? Конечно для продакшена придется написать регулярку, которая будет принимать только математические выражения, а не скрипты, которые могут влезть в "мозг" страницы )
@@user-bc2nc5lt5p на js ето работает а если захочеш написать на другом якизе там eval() нету
Ну так и гайд то по vue.js ) а vue.js на js )
будет лучше, если в codepen использовать тот же id, что и в видео (app вместо calc)
Исправил, теперь на codepen идентичный код😉
Да также никто боевой проект не пишет)
Видео в целом и не называется "как надо писать боевой проект")
@@user-bc2nc5lt5p та хотябы через vue cli сделалбы
Ну да, а ещё Vuex, ssr, рест апи с бд на борту, сокеты для рил тайм взаимодействия и т.д.
@@user-bc2nc5lt5p ясно понятно
eval не стоит вообще не стоит использовать.