Публикации по теме 'sveltejs'
Как получить ширину представления с помощью Svelte
Адаптивный дизайн — важная часть современной веб-разработки. Это позволяет разработчикам учитывать различные размеры области просмотра, что обеспечивает лучший пользовательский опыт. Один из способов добиться этого — использовать тег <svelte:window> , который позволяет привязывать свойства к объекту окна.
В CSS правило @media используется для применения разных стилей в зависимости от размера экрана. Это отличный способ убедиться, что ваш сайт отлично выглядит независимо от того,..
Svelte vs React: первые впечатления
3 года назад Рич Харрис создал фреймворк под названием Svelte. Наибольшее влияние на этот новый фреймворк оказало то, что он не работает с Virtual DOM, как ReactJS, VueJS или AngularJS.
Я создал точно такое же приложение списка дел как в Svelte, так и в React. Я имею в виду не только его функциональность или визуальность, но также я не использовал сторонние библиотеки и использовал их внутренние API-интерфейсы для управления рабочим приложением.
В нашем приложении todo будет список,..
Что, если бы у Svelte был еще один детектор изменений
Svelte - очень хороший фреймворк / библиотека, но у него есть чувствительная проблема - это детектор изменений, он не очень хорошо обнаруживает изменения, если вы меняете объекты, поэтому иногда я слышу, что мне следует использовать неизменяемый способ.
И я хотел попробовать любой другой детектор изменений в Svelte, например. которые есть в Angular. Итак, я сделал некоторый экспериментальный компилятор, похожий на Svelte (Svelte-M), между прочим, он дал лучший размер пакета и..
Измените размер изображений на стороне клиента с помощью svelte.js
Вы начали свой следующий большой проект, в нем есть функция, позволяющая пользователям загружать изображения, ваша команда согласилась назвать его Ultragram (вы сможете судить о моей нехватке креативности позже).
Ultragram - это здорово, у вас есть пользователи, и все довольны.
Затем внезапно вы получаете гневные отзывы о производительности от своих пользователей, вы быстро понимаете, что скорость Интернета у ваших пользователей не так велика, как у вас, с вашей модной офисной..
Жизненный цикл компонента SvelteJS
Компоненты проходят полный жизненный цикл от создания до разрушения. В течение этого периода Svelte предоставляет несколько функций, которые позволяют запускать код в определенные моменты.
Давайте посмотрим на эти функции.
onMount beforeUpdate afterUpdate onDestroy галочка
onMount:
onMount(callback: () => () => void)
Он запускается после первого рендеринга компонента в dom. Он должен вызываться во время инициализации компонента. Некоторые задачи, которые могут..
Краткое руководство по Svelte 3
Краткое руководство по Svelte 3
Это сообщение было впервые опубликовано на CodingTheSmartWay.com .
Подпишитесь на YouTube
Мир фронтенд-разработки меняется очень быстро - постоянно появляются новые технологии и фреймворки, и иногда бывает трудно держать в поле зрения.
Если вы веб-разработчик, то, скорее всего, в последние месяцы работали с такими фреймворками, как Angular, React, Vue. Теперь появляется новая звезда, которая очень быстро набирает обороты и наверняка является..
Является ли Svelte будущим фреймворков JavaScript?
Является ли Svelte следующей большой вещью в JavaScript-фреймворках?
За прошедшие годы разработка JavaScript прошла через несколько парадигм: от сырого AJAX в ванильном JS до долгого господства фреймворков, управляемых событиями, таких как jQuery и Mootools, до текущего подхода, основанного на состоянии, таких нынешних чемпионов, как React, Vue, и угловой.
Но в эпоху, когда все смотрят на производительность, доступность и удобство для разработчиков, появился новый претендент, который..
