В чем разница между lit-element и lit- html? - PullRequest
Новая
       68

В чем разница между lit-element и lit- html?

3 голосов
/ 16 июня 2020

Я изучал Полимер, и это вошло в - Будущее Интернета ( lit-element & lit- html)

Я понял это lit- html предназначен для HTML шаблонов с помощью нескольких эффективных методов. В то же время lit-element - это легкий базовый класс веб-компонентов, в котором есть lit- html.

Вопрос: Если lit-element идет с lit- html, я бы использовал только lit-element для всех моих целей. Что именно делает lit- html явно с собственным отдельным контекстом.

Следует выбрать lit-element или lit- html при разработке автономного веб-приложения?

Любая помощь в этом поможет!

Ответы [ 2 ]

1 голос
/ 16 августа 2020

lit- html - это библиотека, которая занимается рендерингом dom, как и другие библиотеки, например, React. Он использует новейший способ сравнения дерева dom с помощью собственных шаблонов с тегами.

var h1 = html <h1>Header 1 <h1>

, как и любой другой фреймворк / библиотека, например JSX, он также предоставляет вам возможность создавать внутри помеченного шаблона и помогать директивы.

LitElement - это легкий фреймворк, использующий lit- html как движок рендеринга. Он предоставляет вам наблюдаемые свойства, атрибуты и обратные вызовы жизненного цикла веб-компонентов

Для веб-приложения вам следует go с LitElement, если вы не хотите заново изобретать привязку данных, кеширование, обратные вызовы и c. вам определенно потребуется больше, чем отслеживание состояния, маршрутизация и т. д. c. которые вы можете использовать из других библиотек или разработать свои собственные.

1 голос
/ 17 июня 2020

Во-первых, давайте проясним следующие моменты:

  • Веб-компоненты Технологии поддерживаются современными браузерами по умолчанию. Вы можете создать приложение веб-компонентов, используя API браузера.

  • HTML шаблоны существуют по крайней мере с 2013 года.

lit-element библиотека - это «облегченная» версия веб-компонентов. Вы бы использовали его, если хотите создать приложение в веб-компоненте, и если вы это сделаете, вы будете использовать его встроенный lit-html через html для создания HTML шаблонов

С другой стороны, как вы уже сказали, lit-html - это библиотека, которая имеет эффективный механизм для создания и обновления шаблонов HTML. Вы можете использовать его всякий раз, когда вам понадобится шаблон HTML, независимо от фреймворка / библиотеки, которые вы используете для своего веб-сайта, если таковые имеются.

Например, вы можете создать веб-сайт с jQuery или vanilla Веб-компоненты и используйте lit-html для создания шаблонов HTML.

...