Описание тега svelte
Svelte - это компонентный фреймворк, такой как React или Vue, но с важным отличием. Традиционные фреймворки позволяют писать декларативный код, управляемый состоянием, но есть штраф: браузер должен делать дополнительную работу для преобразования этих декларативных структур в операции DOM. Вместо этого Svelte запускается во время сборки, преобразуя ваши компоненты в высокоэффективный императивный код. В результате вы можете писать приложения с отличной производительностью.
1
ответ
Sveltejs рендерит атрибут html условно
Как можно с помощью svelte визуализировать атрибут HTML-элемента? Чтобы было понятно, я говорю не об условном значении, а о самом атрибуте наличия. Например, я хочу автофокусировать только первый элемент в этом списке входов: {{#each codeInputs as c…
16 авг '17 в 13:23
1
ответ
Svelte.js - как связать прокси?
Я пытаюсь реализовать компонент флажка с пользовательскими стилями, но не могу найти способ привязки прокси. Вот как выглядит компонент сейчас (он не работает): <input id="{id}" bind:group bind:checked type="checkbox"> <label for="{id}">…
30 окт '18 в 12:10
1
ответ
Магазин Svelte не запускает обмен при обновлении вложенных компонентов
Допустим, я хочу создать многоцветный инструмент выбора с svelte, возможно, чтобы позволить пользователю выбрать цвет переднего плана и цвет фона. Моя модель данных, которая выглядит так: { foreground: { r: 100,g:100,b:100 }, background: { r: 200,g:…
09 янв '18 в 22:22
1
ответ
Странное поведение с Svelte CSS
Я только что запустил новое приложение Svelte, и теперь, когда я делаю изменения, накопительный пакет выдает ошибку с любым первым правилом CSS, которое я вставил в модуль, например так: [!] (svelte plugin) ParseError: Expected } src\Register.svelte…
30 июл '18 в 01:02
0
ответов
Лучшая практика для выставления и вызова методов из компонента svelte
Я построил простой компонент Banner, который импортируется в _layout.html. Это выставляет 5 методов (отклонение, информация, предупреждение,...). В настоящее время я использую магазин для отслеживания этих методов, как в _layout.html ниже. _layout.h…
27 ноя '18 в 14:17
1
ответ
Как мне сослаться на родительский компонент компонента Svelte?
В документации Svelte по Props я использую props, чтобы передать ссылку на родительский компонент дочернему элементу. Упражнения, сокращенно от "свойства", являются средством передачи данных от родительского к дочернему компоненту. Это именно то, чт…
25 июл '18 в 16:16
2
ответа
Импортируйте файл svelte html в файл js, используя накопительный пакет
Js файл: import template from './Template.html'; class VacationListForCompany extends HTMLElement { constructor() { super(); const root = this.attachShadow({mode:'open'}); const t = new template({ target: root }); } } window.customElements.define("v…
09 окт '17 в 12:35
3
ответа
Класс условных элементов Svelte сообщается как синтаксическая ошибка
Я делаю if блок согласно Svelte Guide для блоков if. Это кажется достаточно простым, но Svelte считает, что это синтаксическая ошибка: [!] (svelte plugin) ParseError: Unexpected character '#' public\js\templates\works.html 3: <div class="slides j…
18 июл '18 в 09:56
0
ответов
Rollup + Svelte + машинопись: не удалось использовать rollup-plugin-import-alias
Совместимость между некоторыми полезными плагинами для накопительного пакета (машинопись, import-alias, svelte) пожалуйста, прочтите ниже инструкции по установке: Накопительный-плагин-импорт-псевдоним Накопительный-плагин-typescript2 Накопительный-п…
12 янв '19 в 13:20
1
ответ
Svelte: привязка данных для сборщика аккордеона
Я играю вокруг Svelte (JS), чтобы создать приложение для медицинского обследования. Мои данные о {категориях, тестах, подтестах} Мне нужно использовать сборщик аккордеонных подтестов для подачи резюме. Выбор дизайна заключается в объединении категор…
14 янв '19 в 15:37
3
ответа
Могу ли я добавить условные события на компоненты Svelte?
Возможно ли событие быть запущенным при условии, определенном в родительском компоненте? У меня есть компонент ввода, где я хочу захватить ввод.. иногда, но большую часть времени я не хочу, чтобы событие срабатывало //App.html <Input on:inputData…
31 янв '19 в 16:06
1
ответ
Await Block/Promise/Fetch для передачи данных JSON в компонент Svelte
Блок {{#await}} в Svelte является довольно новым на этом этапе, поэтому этот вариант использования может быть еще не тем, который может быть достигнут с помощью этого метода. Я попытался передать URL-адрес (расположение файла JSON) компоненту как св…
04 мар '18 в 02:08
2
ответа
Динамический ключ каждый?
Могут ли ключи с ключами иметь динамический ключ, используя значение свойства компонента? Например: {{#each items as item @{componentPropertyExpression}}} <div>{{item.stuff}}</div> {{/each}}
04 фев '18 в 20:59
1
ответ
Пример компонента на основе классов Svelte
Я пытаюсь выучить Svelte и TypeScript. Мне было интересно, есть ли шаблон для включения или программирования компонента svelte с использованием классов ES6. В настоящее время файл содержит все сценарии, HTML и данные, CSS. Я хочу сделать их отдельны…
21 апр '17 в 07:41
1
ответ
У меня есть несколько вопросов о Sapper/Svelte
Я только начал использовать Sapper ( https://sapper.svelte.technology/) в первый раз. Мне очень нравится это до сих пор. Одна из вещей, которые мне нужно сделать, это показать список компонентов, доступных в моем приложении, и показать информацию о …
02 мар '18 в 21:01
1
ответ
Можно ли динамически загружать шаблон Svelte во время выполнения?
Я посмотрел на документацию для [<svelte:component>] ( здесь), но, похоже, мне пришлось бы import все возможные шаблоны во время компиляции. Можно ли в Svelte загрузить любое количество произвольных шаблонов из чего-то вроде fetch() вызов на о…
11 май '18 в 20:59
2
ответа
Используйте методы получения / установки в пользовательских методах Svelte
Я не могу скомпилировать мой компонент svelte при использовании пары get/set в пользовательских методах. Это не поддерживается? Или я что-то не так делаю? Пример: Скажем, я хотел иметь компонент, который отображает имя, и я хочу установить имя с пом…
29 мар '17 в 18:20
1
ответ
Запуск событий из компонента svelte и прослушивание его со страницы содержания
У меня есть этот код в моем компоненте, который по сути такой же, как пример в документации svelte: export default { methods: { assessmentMouseover(e) { const event = new CustomEvent('assessment-mouseover', { detail: 'something', bubbles: true, canc…
28 ноя '18 в 06:43
1
ответ
Загрузите несколько компонентов в файл js, но используйте только один из них
Я учусь использовать среду svelte для создания компонентов. Но я не смог сделать экземпляр только одного компонента из тех, которые я загрузил в файл js. Итак, это мой HTML-файл: <!DOCTYPE html> <html> <head> <meta charset="utf-…
21 дек '17 в 11:31
1
ответ
Как тег сценария используется для отдельных страниц в Svelte/Sapper?
Экземпляр импортированной библиотеки ( ScrollMagic) в теге script одной страницы в Sapper, экземпляр сохраняется при переходе на другие страницы. Я пытался уничтожить его внутри ondestroy, но я не могу ссылаться на переменную, ссылающуюся на экземпл…
02 май '18 в 17:13