Публикации по теме 'svelte-3'
Скомпилируйте Svelte в своей голове (Часть 2)
Часть 2
В Части 1 я упомянул функцию $$invalidate , я объяснил, что концептуально функция $$invalidate работает следующим образом:
Но это не точная реализация функции $$invaldiate . Итак, в этой статье мы рассмотрим, как $$invalidate реализован в Svelte.
На момент написания Svelte находится на версии v3.20.1 .
До версии 3.16.0
Есть большая оптимизация, которая изменяет базовую реализацию функции $$invalidate в v3.16.0 , а именно в #3945 . Основная концепция не..
Вопросы по теме 'svelte-3'
Предыдущий маршрут отображается в текущем маршруте в Sapper
У меня два маршрута /questions и /profile . В событии жизненного цикла onDestroy() я вызвал console.log('destroyed') . Когда я переключаюсь между маршрутами, я каждый раз «уничтожаюсь» в консоли Chrome.
Проблема в том, что внутри маршрута...
193 просмотров
schedule
20.11.2021
Ошибка приложения Svelte todo: новое свойство id todos никогда не превышает 2
Я работаю над небольшим приложением ToDo в Svelte для учебных целей (я новичок в Svelte).
У меня есть этот код для добавления нового дела:
<script>
import { onMount } from "svelte";
let todos = [];...
77 просмотров
schedule
29.10.2021
Svelte: передача веб-компонентов prop camel case
Я использую веб-компоненты, созданные svelte. У меня есть реквизиты, определенные в случае верблюда (someType), и ожидалось, что следующее должно работать, но не
<my-web-c some-type="stringVal"></my-web-c>
Этого следовало...
375 просмотров
schedule
14.09.2021
Svelte - входное значение не всегда обновляется
Я пытаюсь создать компонент ввода в Svelte, где значение обновляется функцией JavaScript. Однако, если новое значение совпадает со старым, Svelte не будет обновлять входной элемент.
Например, этот компонент должен ограничивать ввод только числами....
93 просмотров
schedule
30.10.2021
Типовой сценарий плагина: @ rollup / plugin-typescript TS2307: Не удается найти модуль './App.svelte' или соответствующие ему объявления типа
У меня следующая проблема с моим стройным проектом
main.ts
import App from './App.svelte';
const app = new App({
target: document.body,
});
export default app;
Первая строка возвращает предупреждение
Машинопись плагина: @ rollup /...
300 просмотров
schedule
20.09.2021
Импортируйте svelte-routing в svelte
Мне нужно создать свое стройное приложение, но при попытке импортировать "стройную маршрутизацию" всегда возникает ошибка.
Неперехваченная ошибка: сбой синтаксического анализа модуля: неожиданный токен (7:11). Для обработки этого типа файла может...
798 просмотров
schedule
24.02.2022
Svelte: Как отображать что-то только тогда, когда обещание не отложено?
В руководстве Svelte по блокам ожидания и обещаниям Svelte показано, как отображать определенный текст, когда обещание ожидает / решено / отклонено.
Но как показать элемент, когда что-то не загружается? Т.е. когда обещание было выполнено или...
189 просмотров
schedule
25.02.2022
Как я могу систематически отключать некоторые нерелевантные предупреждения при компиляции с Svelte?
Вот предупреждение, которое я получаю, когда компилирую компонент с img, у которого отсутствует атрибут alt:
Plugin svelte: A11y: <img> element should have an alt attribute
Все разработчики согласятся, что A11y - вещь хорошая; за...
953 просмотров
schedule
03.03.2022
Ошибка приложения Svelte: преобразование строки в логическое значение в представлении не удается
В приложении Svelte у меня есть такой набор стран:
let countries = [
{
name:"Alegeria",
status: "1"
},
{
name:"Bulgaria",
status :"0"
}
]
Обратите внимание,...
173 просмотров
schedule
26.02.2022
Как рендерить Svelte на стороне сервера?
Могу ли я каким-то образом создавать исходные файлы HTML с помощью Svelte?
Я использую Django, Webpack и Tailwindcss. Я хочу использовать Svelte со своим интерфейсом, но я не хочу отказываться от скорости, которая достигается при простом рендеринге...
4503 просмотров
schedule
06.03.2022
Данные Svelte Sapper onMount обновляются только при входе в систему после перезагрузки страницы?
Я пытаюсь получить данные о компоненте из внешнего API. У меня есть запрос данных на компоненте боковой панели в блоке onMount.
Когда пользователь входит в систему и переходит на страницу с боковой панелью, отображаются данные из последнего...
680 просмотров
schedule
24.03.2022
Анализировать полученные хэштеги и создавать ссылки с упрощенной маршрутизацией
Я получаю с сервера динамический контент, который может включать хэштег:
{content: text text #Cup}
Делает:
<script>
import { link } from "svelte-routing"
function hash(text) {
return text.replace(/\#Cup/,...
145 просмотров
schedule
27.03.2022
Ошибка в Svelte при удалении данных из записываемого хранилища, на которое ссылается реактивная переменная
У меня возникла проблема при попытке удалить товар из магазина. У меня есть маршрут /view/:id , и я использую этот идентификатор для доступа к значению из настраиваемого записываемого хранилища ( items ). Я написал простой метод выбора для...
174 просмотров
schedule
25.04.2022
Как передать параметры в on: click в Svelte?
Привязать функцию к кнопке просто и понятно:
<button on:click={handleClick}>
Clicks are handled by the handleClick function!
</button>
Но я не вижу способа передать параметры (аргументы) функции, когда я делаю это:
<button...
17424 просмотров
schedule
06.05.2022
Добавление стиля в тег Link svelte-routing в svelte js
Я хотел добавить стили к тегу <Link> в тонкой маршрутизации, но не смог. Я попытался добавить класс, в котором есть стили, но это не сработало.
<Link to='/' class='link'></Link>
класс содержит:
.link {...
907 просмотров
schedule
11.05.2022
Подождите, пока компонент будет готов, в настраиваемой директиве svelte
Недавно я попытался написать специальную директиву, которая выполняла некоторую логику и отправляла событие обратно тому элементу, в котором оно использовалось.
//svelte file
<div use:customDiective on:success={handleSuccess}>...</div>...
46 просмотров
schedule
11.05.2022
Передача значений из макета во вложенные дочерние маршруты в svelte sapper?
[Edit] Я обновил пример, чтобы включить как предварительную загрузку ( userb ), так и {#await} ( usera ). Оба сценария usera и userb не определены в /users/[username]/about.svelte
как бы вы могли заставить что-то подобное работать:...
975 просмотров
schedule
18.05.2022
Ошибка при импорте date-fns в модуль Svelte
Я получаю следующую ошибку при попытке создать приложение Svelte:
[!] Error: 'default' is not exported by node_modules\date-fns\esm\index.js, imported by src\components\Month.svelte...
171 просмотров
schedule
15.06.2022
Как я могу динамически определить привязку значений в Svelte?
Я новичок в Svelte и пытаюсь использовать его для написания одностраничного приложения, которое будет отображать форму с некоторыми значениями полей, динамически вычисляемыми на основе других полей. В идеале я хотел бы управлять отрисовкой формы с...
1042 просмотров
schedule
17.06.2022
Вывод стройной составляющей
Когда я добавляю стройный компонент на страницу, я создаю новый экземпляр класса.
import ComponentA from "./Component.svelte";
let component = new ComponentA({...});
<ComponentA/>
И каждый раз компонент разрушается и создается заново....
107 просмотров
schedule
26.06.2022
