Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
Определение слова «стройный» можно найти в статье svelte в Викисловаре .
Svelte
Svelte Logo.svg
Автор (ы) оригиналаРич Харрис
изначальный выпуск26 ноября 2016 г . ; 4 года назад [1] ( 2016-11-26 )
Стабильный выпуск
3.32.3 [2] Отредактируйте это в Викиданных / 11 февраля 2021 г . ; 32 дней назад ( 11 февраля 2021 г. )
РепозиторийSvelte Репозиторий
Написано вМашинопись
ПлатформаВеб-платформа
Размер4,1 КБ [3]
ТипВеб-фреймворк
ЛицензияЛицензия MIT
Интернет сайтстройный .dev

Svelte - это бесплатный интерфейс [4] JavaScript-фреймворк с открытым исходным кодом [5], созданный Ричем Харрисом и поддерживаемый Харрисом и другими членами основной команды Svelte. [6] Приложения Svelte не содержат ссылок на фреймворки. Вместо этого создание приложения Svelte генерирует код для управления DOM , что может уменьшить размер передаваемых файлов, а также улучшить запуск клиента и производительность во время выполнения. Svelte имеет собственный компилятор для преобразования кода приложения в клиентский JavaScript во время сборки . Он написан на TypeScript . [7] [8] Стройныйисходный код находится под лицензией MIT License и размещен на GitHub . [9]

История [ править ]

Предшественником Svelte является Ractive.js, который Рич Харрис разработал ранее.

Версия 1 Svelte была написана на JavaScript и была выпущена 29 ноября 2016 года.

Версия 2 Svelte была выпущена 19 апреля 2018 года.

Версия 3 Svelte написана на TypeScript и была выпущена 21 апреля 2019 года.

Пример [ править ]

Приложения и компоненты Svelte определены в .svelteфайлах, которые представляют собой файлы HTML, расширенные синтаксисом шаблонов, аналогичным JSX . Svelte перепрофилирует синтаксис $:меток JavaScript для маркировки реактивных операторов. Переменные верхнего уровня становятся состоянием компонента, а экспортированные переменные становятся свойствами, которые получает компонент.

< скрипт >  let  count  =  1 ;  $ :  удвоено  =  количество  *  2 ; </ скрипт >< p > {count} * 2 = {удвоено} </ p >< button  on: click = {()  = > count = count + 1}> Count </ button >

Влияние [ править ]

Vue.js смоделировал свой API и однофайловые компоненты после Ractive.js, предшественника Svelte.

См. Также [ править ]

  • Фреймворк JavaScript
  • HTML
  • Каскадные таблицы стилей
  • Сравнение фреймворков JavaScript
  • React (веб-фреймворк)
  • Vue.js

Ссылки [ править ]

  1. ^ "Фреймворки без фреймворка: почему мы не подумали об этом раньше?" . Svelte .
  2. ^ "Выпуск 3.32.3" . 11 февраля 2021 . Проверено 17 февраля 2021 года .
  3. ^ "[email protected]" . BundlePhobia . 8 января 2021 г.
  4. ^ https://en.wikipedia.org/wiki/Front_end_and_back_end Отсутствует или пусто |title=( справка )
  5. ^ «React против Svelte, фреймворк времени сборки JavaScript» . react-etc.net .
  6. ^ «Svelte 3 Front-End Framework перемещает реактивность в язык JavaScript, вопросы и ответы с Ричем Харрисом» . InfoQ .
  7. ^ «8 самых интересных фреймворков JavaScript для изучения в 2019 году - Developer Drive» . www.developerdrive.com .
  8. ^ Криль, Павел (2 декабря 2016). «Тонкий и быстрый фреймворк Svelte посадил JavaScript на диету» . InfoWorld .
  9. ^ "GitHub - sveltejs / svelte: Веб-приложения, усовершенствованные кибернетически" . 11 января 2020 г. - через GitHub.

Внешние ссылки [ править ]

  • Svelte
  • GitHub - sveltejs / svelte
  • Svelte уроки в MDN
  • Справочная документация Svelte
  • v
  • т
  • е