Публикации по теме 'svelte-component'
Svelte: легкий фреймворк с мощными возможностями.
Svelte — это современная среда JavaScript для создания веб-приложений. Он известен своим уникальным подходом к созданию пользовательских интерфейсов путем компиляции кода в высокоэффективный код JavaScript.
Почему вы можете использовать Svelte?
Высокая производительность: подход Svelte к компиляции кода приводит к высокооптимизированному коду JavaScript, что делает его чрезвычайно производительным. Это может быть особенно полезно для приложений, которые требуют большого количества..
Вопросы по теме 'svelte-component'
Как я могу экспортировать функцию из компонента Svelte, которая изменяет значение в компоненте?
У меня есть компонент WastedTime.svelte со значением wastedTime . Также есть функция для изменения значения на 50 (в моем реальном коде это анимация, но это сокращенный тестовый пример для переполнения стека).
Чтобы разрешить вызов дочерней...
5333 просмотров
schedule
19.06.2023
Сохранить привязку окна в svelte store
Привет милые люди интернета,
Я создал слушателя для позиции прокрутки пользователя: <svelte:window bind:scrollY={y} /> Я хотел бы сохранить эту переменную в магазине, чтобы сделать ее доступной для всего веб-сайта. Но для этого мне...
210 просмотров
schedule
27.05.2022
Svelte: перемонтировать компонент для перезаписи медиа-элементов
Контекст
В моем приложении Svelte у меня есть несколько страниц, на каждой из которых отображается одно или несколько видеороликов. Для рендеринга видео я повторно использую видеокомпонент (упрощенный):
// video component
<video...
879 просмотров
schedule
19.06.2022
как импортировать stripe.js из приложения sapper в мои preload () или onMount ()
Я установил stripe.js с помощью следующей команды: npm install stripe Теперь я хотел бы импортировать его в свой компонент sapper, чтобы я мог его использовать, но не могу понять, как это сделать, несмотря на то, что прочитал все страница mdn об...
439 просмотров
schedule
12.05.2023
Прослушивание отправленного события из компонента Svelte
Я ищу способ прослушивать отправленное событие из компонента Svelte в другом компоненте из JavaScript (а не из синтаксиса on: ).
Вот код, который я пытаюсь достичь в REPL.
Ожидаемым поведением будет отображение 0 в консоли при нажатии...
314 просмотров
schedule
28.03.2022
Правильно ли я разделяю ввод диапазона на отдельный компонент Svelte? Есть ли способ лучше?
Я новичок в Svelte и мне это нравится! Создание однокомпонентного приложения с несколькими частями пользовательского интерфейса и общего состояния до смешного весело и легко (для этого нужно иметь промежуточные знания HTML, CSS и JS, а также знания...
254 просмотров
schedule
17.09.2022
Маршрутизатор Svelte / yrv: как мне получить доступ к параметрам маршрутизатора в компоненте?
Подобно Как связать переменную, объявленную с помощью директивы Svelte let? , но эта проблема была вызвана ошибкой Svelte, которая теперь, по-видимому, исправлена - это происходит в Svelte 3.23.0, последней доступной версии.
Я использую Svelte и...
222 просмотров
schedule
11.12.2021
Получить ссылку на корневой элемент компонента в Svelte
Я знаю, что могу получить ссылку на элемент DOM, используя bind:this :
<script>
import { onMount } from "svelte";
let root;
onMount(() => {
// root is div
});
</script>
<div...
1009 просмотров
schedule
25.07.2022
Svelte - изменить стиль навигационного элемента при нажатии
Я использую Bulma CSS для создания компонента навигации в Svelte, и я хотел бы сделать каждый элемент навигационной панели выделен жирным шрифтом, если class: is-active истинно. В настоящее время я сделал следующее:
<script>...
307 просмотров
schedule
13.06.2023
Есть ли способ отложить загрузку динамического импорта в маршруте Sapper?
У меня есть довольно тяжелый компонент на домашней странице проекта, над которым я работаю. Он включает библиотеку Three.js и несколько утилит, но отображается только тогда, когда происходит действие, инициированное пользователем. Нет необходимости...
621 просмотров
schedule
10.06.2022
В чем причина того, что в моем приложении Svelte не удается прочитать свойство "title" неопределенной ошибки?
Я работаю над небольшим приложением Todo в Svelte в учебных целях (я новичок в Svelte).
В App.svelte я импортирую TodoItem компонентный цикл todos array:
import TodoItem from './TodoItem.svelte';
//more code
{#each todos as t,...
252 просмотров
schedule
31.03.2023
Svelte - пересылка события из сценария компонента
Мне было интересно, как перенаправить событие из функции с помощью Svelte.
Например, у меня есть файлы App.svelte и Component.svelte . Component.svelte - компонент кнопки. Я хочу обработать событие on: click следующим образом:...
328 просмотров
schedule
01.02.2023
Передача props в корневой компонент Svelte
Я понимаю, что, как и во многих интерфейсных фреймворках, Svelte позволяет разработчику разделять логику на более мелкие повторно используемые файлы компонентов. При этом вы можете передавать свойства родительского компонента дочернему компоненту....
169 просмотров
schedule
23.02.2022
Как отключить анимацию перехода при монтировании и уничтожении компонентов в Svelte?
Прямо сейчас у меня есть меню, которое можно развернуть или свернуть одним нажатием кнопки гамбургера. Состояние меню по умолчанию true , что означает, что оно расширено, но когда я перехожу на другой маршрут, где меню находится в not there , оно...
164 просмотров
schedule
17.10.2022
Svelte: Как мне вызвать функцию в дочернем компоненте после переключения на него с помощью динамического компонента?
У меня есть <svelte:component> в моем родительском компоненте, который позволяет мне переключаться между несколькими дочерними компонентами. Я хочу вызвать функцию внутри одного из дочерних компонентов. Для этого у меня есть функция в...
31 просмотров
schedule
15.04.2023
Загрузка страницы без обновления в компактной и динамической маршрутизации
Как лучше всего загрузить страницу без обновления с помощью graphql и динамической маршрутизации. У меня есть файл с именем kindergarten , который отлично загружается, не обновляя всю страницу:
<script context="module">
import {...
56 просмотров
schedule
09.03.2023