Пишем калькулятор на Vue.js
HTML-код
- Опубликовано: 25 авг 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, новички могут это не учесть в продакшене
Но в целом, хороший урок )
круто,
thx😉
Здорово. Спасибо!
Возможно стоит проанализировать какие компоненты в моде у джунов и соответственно проблемные, и ролики по их написанию строчить 7-10 минут под музыку. :))
Хз, жаль терять интересного ютубера!
Спасибо за совет! Ну я делаю видео раз в полгода 😂 Вот хочу на днях про Vue 3 записать
А как этот калькулятор внедрить на живой сайт на любой ЦМС?
Покажешь еще какие нибудь проекты на Vue.js?
Да, возможно в будущем. Никак времени нет, хоть и хочется что нибудь записать ..(
Что за тема и подсветка в 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 идентичный код😉
eval не стоит вообще не стоит использовать.
Да также никто боевой проект не пишет)
Видео в целом и не называется "как надо писать боевой проект")
@@user-bc2nc5lt5p та хотябы через vue cli сделалбы
Ну да, а ещё Vuex, ssr, рест апи с бд на борту, сокеты для рил тайм взаимодействия и т.д.
@@user-bc2nc5lt5p ясно понятно