Svelte

Прикреплено

Svelte основной каркас фреймворка

Svelte основной каркас фреймворка

Пример проекта на реактивном (интерфейс страницы автоматически и постоянно реагирует на изменение данных на нем) фреймворке Svelte. Свелт легко интегрируется в любой язык веб-программирования где работает JavaScript.

Svelte – как сделать выпадающий список в each блоке

Svelte – как сделать выпадающий список в each блоке

Примеры выпадающего списка есть на официальном сайте, но если попробовать повторить то же самое для each-блока, то выбирая пункт меню из выпадающего списка для одного элемента, во всех остальных действие будет повторяться. Расскажу, как это избежать и сделать правильно.

Svelte — кнопка автообновления

Svelte — кнопка автообновления

Пример кнопки с отчетом таймера на Svelte, после или в течении которого происходит какое-нибудь событие. Это событие обновляет страницу или подтягивает данные аяксом без обновления.

Svelte — события и отличие от JS

Svelte — события и отличие от JS

В реактивном фреймворке Svelte не придется использовать addEventListener. Во-первых он не будет срабатывать, потому что многие элементы на странице создаются после её загрузки, а затем еще и меняются в процессе. А во-вторых в этом нет необходимости.

Python + Svelte — таблицы — как сравнить сумму с предыдущей и проставить цвета

Python + Svelte — таблицы — как сравнить сумму с предыдущей и проставить цвета

У нас есть некая таблица с данными. В ней одна из колонок состоит из цифр. Мы хотим чтобы цвет следующего значения подкрашивался зеленым цветом, если оно больше предыдущего. И наоборот — красным, если меньше. Как это сделать ниже.

Svelte — each block — группировка и сохранение данных

Svelte — each block — группировка и сохранение данных

Пример работы bind:value на основе each блока. Код ниже: — формирует таблицу через each из данных, которые приходят с бэкенда; — сохраняет введенные данные из input и отправляет их на бэк. В данном коде реализация только фронта, демонстрирует работу svelte….

Svelte — сопоставление двух многомерных массивов

Svelte — сопоставление двух многомерных массивов

Сопоставление данных делать на бэкенде удобнее — не будет засорение кода на фронте. Также и для пользователя преимущества — результат появится на странице быстрее. Однако на фронте тоже можно сопоставлять данные двух многомерных массивов. Пример, как сопоставить два массива данных…

  • Категория "Svelte" содержит следующие страницы:
  • 1  2
  • Вперед →