Публикации по теме 'vuejs'
На дворе 2023 год, и скоро появится нативная вложенность CSS
Кое-что о нативной вложенности CSS
Это интересная функция для браузеров, и вскоре мы сможем использовать вложенный синтаксис в CSS, что позволит нам писать более красивый, чистый и простой в обслуживании код.
Что такое вложение CSS?
Как фронтенд-разработчик, я уверен, что вы знакомы с этим кодом CSS.
<div class="box">
<p>hello medium</p>
<div>hello fatfish</div>
</div>
.box{
background-color: rgba(0, 0, 0, 0.3);
}
.box p{..
Хорошо, это тоже круто:
Хорошо, это тоже круто:
Https://github.com/iview/iview
Изучите концепции выживания VueJS на примерах
Новое поколение Frontend Development
В последние годы мы пережили рождение нескольких интерфейсных приложений, которые нацелены на решение нескольких проблем в разработке веб-приложений по-своему. Несколько пресловутых примеров:
AngularJS ReactJS Рули
Эти фреймворки оказались настолько успешными в решении большинства проблем внешнего интерфейса, что они предложили целый новый способ разработки веб-приложений во внешнем интерфейсе, который является высокоэффективным, быстрым,..
Как использовать «глубокие» часы в Vue 3
В Vue 3 функцию watch можно использовать для отслеживания глубоких изменений во вложенных объектах или массивах, указав параметр deep: true в объекте параметров для отслеживаемого свойства. Это говорит Vue следить за изменениями не только свойства верхнего уровня, но и любых вложенных свойств внутри него.
Вот пример того, как функция watch с опцией deep может использоваться в Vue 3:
Импортируйте функцию watch из модуля vue в свой компонент:
import { watch } from..
Часть 4: Добавляем цифры [Учебник для начинающих: изучаем Vue, CSS Grid и Flexbox]
Прежде чем продолжить, убедитесь, что вы видите это в Codepen
Что мы выполним
К концу части 4 мы должны быть в состоянии нажать любую из нескольких кнопок [0–9], которые управляют значением одного из существующих полей input .
Мы не будем вносить какие-либо изменения в модель на панели JS. Вместо этого мы сосредоточимся на добавлении элементов в наш шаблон на панели HTML.
Шаг 1. Добавьте новый раздел с помощью одной кнопки
В новой строке после span добавьте новый элемент..
Нахождение баланса: разделение кода и оптимизация времени начальной загрузки
В современном быстро меняющемся цифровом мире обеспечение оптимальной производительности современных приложений имеет решающее значение. Теперь пользователи ожидают, что приложения будут обеспечивать бесперебойную работу, которая не только будет интересной, но и будет быстро реагировать на их взаимодействия. Это требование сделало оптимизацию производительности краеугольным камнем стратегий развития. Одним из мощных методов, удовлетворяющих эту потребность, является «разделение кода»,..
Chingu FCC Speedrun Challenge: Калькулятор JavaScript
Калькулятор JavaScript — мой шестой проект для спидрана. На первый взгляд я подумал: «Это всего лишь калькулятор, я должен быстро его закончить». Однако проект оказался на удивление непростым в реализации. Тем не менее, честно говоря, пока это тот, над которым мне было веселее всего работать.
Самая большая проблема с этим заключалась в том, чтобы выяснить, как выполнять множественные вычисления, а также выполнять мультипликативные вычисления перед обработкой аддитивных. Как я..