design

<template>: шаблон карточки без innerHTML

<template>: шаблон карточки без innerHTML

Содержимое <template> не рендерится до content.cloneNode(true) — удобно для повторяющихся карточек портфолио из JSON без XSS через innerHTML.

Слоты в Web Components — следующий шаг; template достаточен для ванильного JS на лендинге.

- [<template> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template) — Неотображаемый шаблон.

- [Using templates — MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement) — content и cloneNode.

---

## Перфоманс

Один template на тип карточки — не дублируйте разметку в HTML для каждого элемента списка.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.