Заказ авиабилетов • Примеры Svelte

Skip to main content

Введение
Привет, мир!
Динамические атрибуты
Стили
Вложенные компоненты
HTML теги
Реактивность
Реактивные присваивания
Реактивные объявления
Реактивные выражения
Свойства
Объявление свойств
Значения по-умолчанию
Развёртка свойств
Логика
Блок if
Блок else
Блок else-if
Блок each
Блок each с ключом
Блок await
События
События DOM
Встроенные обработчики
Модификаторы событий
События компонентов
Проброс событий
Проброс событий DOM
Привязки
Текстовые поля
Числовые поля
Чекбоксы
Группы полей
Многострочное текстовое поле
Поле выбора файла
Выпадающие списки
Списки с множественным выбором
Привязки внутри блока each
Медиа-элементы
Размеры
bind:this={canvas}
Привязка к компонентам
Жизненный цикл
onMount
onDestroy
beforeUpdate и afterUpdate
tick
Хранилища
Записываемые хранилища
Автоподписки
Хранилища только для чтения
Производные хранилища
Пользовательские хранилища
Переход значений
Tweened
Spring
Переходы
Директива transition
Добавление параметров
Появление и исчезновение
Пользовательские CSS переходы
Пользовательские JS переходы
События перехода
Отложенные переходы
Анимация
Директива animate
Easing
Визуализатор функций плавности
SVG
Часы
Столбчатая диаграмма
Гистограмма
Распределение точек
SVG переходы
Действия
Директива use
Добавление параметров
Более сложное действие
Классы
Директива class
Сокращение для директивы class
Компоновка компонентов
Слоты
Резервный контент
Именованые слоты
Свойства слотов
Слоты по условию
Модальное окно
API контекста
setContext и getContext
Специальные элементы
<svelte:self>
<svelte:component>
<svelte:element>
<svelte:window>
Привязки к <svelte:window>
<svelte:body>
<svelte:head>
Контекст модуля
Именованные экспорты
Отладка
Тег @debug
7GUIs
Счётчик
Конвертер температуры
Заказ авиабилетов REPL
Таймер
CRUD
Рисование кругов
Разное
Hacker News
Неизменяемые данные

loading editor...

Консоль

загрузка компилятора Svelte...

loading editor...

Настройка компилятора

loading editor...