Публикации по теме 'svelte-3'
Веб-компоненты с Svelte-3
Svelte был притчей во языцех в последние месяцы, и его популярность резко возросла с версией 3. Сейчас проект достиг 47 тысяч звезд на GitHub !
Svelte преобразует ваше приложение в идеальный JavaScript во время сборки , а не интерпретирует код вашего приложения во время выполнения .
В то время как Svelte набирает популярность как среда одностраничных приложений, многие разработчики все еще задаются вопросом, является ли svelte безопасным выбором для создания веб-компонентов?..
Пользовательский интерфейс материалов в Svelte с использованием Smelte
Используйте инфраструктуру Smelte для реализации пользовательского интерфейса материала в приложении svelte.
Представляем Смелте
На официальном сайте корюшка описана так:
Smelte — это инфраструктура пользовательского интерфейса, созданная на основе Svelte и Tailwind CSS с использованием спецификации Material Design. Он поставляется с множеством компонентов и служебных функций, позволяющих легко создавать красивые адаптивные макеты, сохраняя при этом размер пакета и..
Вопросы по теме 'svelte-3'
Проверка ввода Svelte3
Вчера я пытался перевести проблему, которую мне нужно было решить в React, на Svelte, и я не могу ее понять.
Проблема в следующем:
У меня есть 3 входа, каждый из которых содержит процент.
Сумма трех процентов не может добавить больше 100....
1572 просмотров
schedule
06.08.2022
внедрение сгенерированных Svelte узлов в статическую DOM
У меня есть статический HTML-файл, и я хочу дополнить его динамическими компонентами Svelte:
<ul id="list">
<li>first</li>
<!-- dynamic list items should be added in between static ones -->...
421 просмотров
schedule
18.12.2022
Svelte - импортный компонент глобально
В моем приложении есть компонент Snackbar, который используется во многих других компонентах.
На данный момент я импортирую компонент Snackbar в каждый компонент, где он будет использоваться, и все работает нормально.
Было интересно, можно ли...
507 просмотров
schedule
16.05.2022
Как я могу вернуть обработанный HTML-код компонента Svelte?
Мне сложно создать всплывающую подсказку, которая запускается use:action . Мои требования:
Создайте всплывающую подсказку с HTML или компонентом в качестве содержимого
Без необходимости оборачивать компонент...
2094 просмотров
schedule
31.03.2024
Условная автоподписка в магазине Svelte
Этапы воспроизведения:
перейдите к REPL здесь: https://svelte.dev/repl/27a2cff81ebb4000970eee32747cc6c2?version=3.20.1
откройте консоль
раскомментировать строку 27 ( $: canSubscribe && $store )
Ожидается :
Я думал,...
783 просмотров
schedule
20.11.2022
Используйте синтаксис метки JS $: без. Невозможно получить доступ ‹obj› перед ошибкой инициализации
Я использую этот код в своем приложении Svelte:
<script>
import { query } from '@urql/svelte'
import { MY_QUERY } from 'queries'
$: myQuery = query({
query: MY_QUERY,
variables: { id }
})
</script>
{#if !$myQuery}...
55 просмотров
schedule
29.03.2024
Как получить ценность магазина из другого магазина?
Как получить ценность магазина из другого магазина? https://svelte.dev/repl/0ab80c2fb8e045958d844bd9.22 >
В этом примере я включаю переменную inputVal в stores.js файл и меняю ее в set: (val) => {inputVal=val; set( val );}, and use in...
854 просмотров
schedule
28.05.2022
Как обновить магазин Svelte в серверной части моего SPA?
Я хочу, чтобы мой Svelte SPA взаимодействовал с некоторыми данными из БД. Для этого я использовал Sapper, поэтому я могу открыть соединение с БД в server.js и прослушать его через его механизм pub / sub. Как я могу затем разобрать сообщение в моем...
508 просмотров
schedule
08.04.2023
Как передать данные от дочернего элемента к родительскому с помощью двух компонентов Svelte в родительско-дочерних отношениях HTML
Я новичок в Svelte. У меня есть 2 компонента Svelte в отношениях родитель-потомок HTML - в отличие от отношений Svelte P / C (где один компонент Svelte импортирует другой).
В конце концов, мне нужно что-то вроде этого (может быть много...
4428 просмотров
schedule
03.10.2022
Как стилизовать содержимое элемента в Svelte?
<style>
color: red;
</style>
Some html content!
этот код не работает. В фреймворке Angular это можно сделать с помощью селектора :host . :global не может помочь в моем случае, потому что я просто хочу стилизовать компонент,...
452 просмотров
schedule
08.05.2022
@ urql / svelte, функция вызывается вне инициализации компонента, если не в onMount
Я пробую удивительные работы, сделанные https://github.com/FormidableLabs/urql/tree/master/packages/svelte-urql , ребята.
Все работает до сегодняшнего дня.
Я использую приведенный ниже код, и он дает мне эту ошибку:
Error: Function called...
2111 просмотров
schedule
25.12.2022
Svelte, EventDispatcher или функция как значение? Что использовать?
Чтение кода в этом замечательном модальном примере: https://svelte.dev/examples#modal I ' м пытаюсь понять, в чем разница с точки зрения производительности / размера пакета / другого, если я использую:
createEventDispatcher() с директивой...
374 просмотров
schedule
16.08.2022
Ошибка приложения Svelte todo: не отображаются ошибки проверки формы
Я работаю над небольшим приложением ToDo в Svelte в учебных целях (я новичок в Svelte).
Я застрял, пытаясь добавить ошибки проверки в форму New Todo .
Внутри тегов <script> у меня
var errors = [];
function addTodo(){
//Empty...
158 просмотров
schedule
21.06.2023
Инициализировать dataTable JQuery в Svelte
Я хотел бы запустить JQuery dataTable в svelte. Мое первое решение было:
Я создаю на своей html-странице функцию сценария с JQuery dataTable
<script>
function initTable() {
if( $('#datatable').length ) {...
692 просмотров
schedule
20.04.2022
Могу ли я просто позволить функции предварительной загрузки Sapper просто ждать обещания без необходимости возвращать результат этого обещания?
Я понимаю, что функция preload() в теге <script context="module"> и что все, что возвращает эта функция, передается компоненту как внешнее свойство, при условии, что вы написали export let whatever в своем компоненте.
Теперь я...
441 просмотров
schedule
11.06.2024
Svelte уведомление об обновленной привязке
Есть ли способ узнать, какая привязка обновляется в Svelte? У меня есть список элементов, привязанных к массиву значений, и я хотел бы визуально отмечать обновленные значения при изменении базового массива.
56 просмотров
schedule
07.09.2022
Svelte: сделать компонент реактивным для переменной (перерисовка)
Я хочу повторно визуализировать Body (мой тонкий компонент) всякий раз, когда view.current изменяется, чтобы он отображал соответствующий вид / компонент .svelte:
App.svelte
<script>
import Header from...
695 просмотров
schedule
20.04.2022
Svelte 3 не может скомпилировать SCSS
Я хочу использовать SCSS в своем приложении Svelte. Для этого я решил использовать пакет svelte-preprocess . Итак, это компонент App.svelte :
<script>
</script>
<main>
<h1 class="boom">Hello...
584 просмотров
schedule
10.05.2022
В Svelte при использовании bind: group в радио-входе свойство checked не устанавливается
Контекст: я новичок в Svelte, и я использую группу bind: для присвоения true / false переменной yes, но по умолчанию нет выбора какой-либо радиокнопки. Использование проверенного = проверенного в радио-входе, похоже, не работает, если есть привязка....
493 просмотров
schedule
16.08.2022
Вызов файла i18n.js в точке входа приложения | svelte-i18n
Я пытаюсь интернационализировать свое приложение Svelte.
Я использую Svelte со Snowpack. И стройный-i18n. Я следую их руководству на GitHub.
В руководстве , они говорят :
Примечание. Обязательно вызовите файл i18n.js в точке входа вашего...
73 просмотров
schedule
11.05.2023