Size: a a a

2020 April 27

AS

Alexey Schebelev in Svelte [svelt]
Прямая манипуляция DOM не очень хорошо(тут впрочем стили, не так страшно).  Нужно отталкиваться от стейта. Т.е. есть у вас переменная типа let movedright = false и на блоке <div class:movedright/> и в стилях соответствующий трансформ. От стейта кароче надо плясать.
источник

МТ

Марк Танащук... in Svelte [svelt]
Alexey Schebelev
Прямая манипуляция DOM не очень хорошо(тут впрочем стили, не так страшно).  Нужно отталкиваться от стейта. Т.е. есть у вас переменная типа let movedright = false и на блоке <div class:movedright/> и в стилях соответствующий трансформ. От стейта кароче надо плясать.
Понял, снова спасибо =)
Пошел клепать
источник

AS

Alexey Schebelev in Svelte [svelt]
даже в этом примере придетя слишком много движений делать, если захочется чтобы блок обратно уехал. А так просто будет on:click = {()=>movedright=!movedright}
источник

МТ

Марк Танащук... in Svelte [svelt]
После gsap для одновременно странный и интересный подход... пока что))
источник

МТ

Марк Танащук... in Svelte [svelt]
Кстати на счёт gsap
источник

МТ

Марк Танащук... in Svelte [svelt]
Есть ли в нём смысл, или svelte анимации не сильно хуже по производительности?
источник

МТ

Марк Танащук... in Svelte [svelt]
В плане для простых анимаций
источник

T

Th0r in Svelte [svelt]
Марк Танащук
Есть ли в нём смысл, или svelte анимации не сильно хуже по производительности?
свелт анимации - проще (и быстрее)
но если таймлайны или сложные анимации - то много чего самому надо будет писать
источник

AS

Alexey Schebelev in Svelte [svelt]
Марк Танащук
Есть ли в нём смысл, или svelte анимации не сильно хуже по производительности?
svelte анимации это в основном про переходы - когда компонент монитруется или исчезает из DOM. Вы можете использовать gsap для анимаций, просто тогда надо более внимательно следить, чтобы стейт в каком-то месте не рассинхронизировался с отображением в DOM. Типа если есть какой-то let toggle = true, и где-то в шаблоне  {#if toggle}<div></div>{/if}, а вы этот div своими анимацими уберете из DOM, то это будет совсем не хорошо, потому что Svelte будет считать что div еще на месте.
источник

МТ

Марк Танащук... in Svelte [svelt]
Принято
источник

A

Arushwl in Svelte [svelt]
источник

A

Arushwl in Svelte [svelt]
Ну такое... GSAP этот
источник

A

Arushwl in Svelte [svelt]
Целое приложение можно в таком размере уместить...
источник

AS

Alexey Schebelev in Svelte [svelt]
Ну если цель нафигачить анимационный фильм по мативам своей жизни, то там уж не до размеров =)
источник

A

Arushwl in Svelte [svelt]
🤷🏻‍♂️
источник

SZ

Sergei ZH in Svelte [svelt]
Привет, такой вопрос, почему динамический импорт внешней библиотеки с сode-splitting всегда возвращает имя которое начинается с названия ентри сткрипта? Т.е. если ентри - main, то чанк будет иметь имя main-HASH.js
источник

SZ

Sergei ZH in Svelte [svelt]
Это нормальное поведение?
источник

SZ

Sergei ZH in Svelte [svelt]
Проблема в том что это т.к. внешняя зависимость практически не меняется, но при этом хеш вроде меняется. И это мешает кешированию
источник

AS

Alexey Schebelev in Svelte [svelt]
Марк Танащук
Кстати на счёт gsap
Посмотрел на TweenLite.to - в Svelte наверное разумнее воспользоваться стором tweened и точно также изменять значения непосредственно в атрибуте style="'
источник

AS

Alexey Schebelev in Svelte [svelt]
Sergei ZH
Проблема в том что это т.к. внешняя зависимость практически не меняется, но при этом хеш вроде меняется. И это мешает кешированию
https://github.com/rollup/rollup/issues/2793 - кажется там обсудили проблему именования чанков и как можно задать вручную в rollup
источник