В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Веб-компоненты

131 membersпожаловаться на группу
2020 September 28

MB

Mikhail Bashkirov in Веб-компоненты
а тьфу ты
меня ж это и триггернуло 🙂

   <mask id="clip-path">
       <rect style="fill:#fff;" width="100%" height="100%"/>
       <text x="71" y="94" dominant-baseline="middle" style="fill:#000;text-anchor:middle">
           ${ext}
       </text>
   </mask>
источник
18:04пожаловаться#1

ИЛ

Иван Лещёв in Веб-компоненты
именно
источник
18:04пожаловаться#2

MB

Mikhail Bashkirov in Веб-компоненты
так вот этот код “<mask id="clip-path">” не инкапсулируется с помощью Shadow DOM
источник
18:04пожаловаться#3

MB

Mikhail Bashkirov in Веб-компоненты
id="clip-path" должен быть доступен из вне
источник
18:04пожаловаться#4

MB

Mikhail Bashkirov in Веб-компоненты
у меня был такой негативный опыт работы с SVG и Shadow DOM
источник
18:04пожаловаться#5

ИЛ

Иван Лещёв in Веб-компоненты
если б не инкапсулировался, то у меня были бы одинаковые текста
источник
18:04пожаловаться#6

ИЛ

Иван Лещёв in Веб-компоненты
Mikhail Bashkirov
у меня был такой негативный опыт работы с SVG и Shadow DOM
я уверен, тогда просто было что-то не так
источник
18:05пожаловаться#7

MB

Mikhail Bashkirov in Веб-компоненты
как вариант - эту проблему исправили и теперь браузеры научились инкапсулировать SVG ID
источник
18:06пожаловаться#8

ИЛ

Иван Лещёв in Веб-компоненты
без шадов дом получаются именно одинаковые
источник
18:06пожаловаться#9

MB

Mikhail Bashkirov in Веб-компоненты
нашел issue где обсуждают подобные кейсы
https://github.com/w3c/webcomponents/issues/179
GitHub
How should various document internal references work when SVG is being used in shadow DOM · Issue #179 · w3c/webcomponents
Title: [Shadow] How should various document internal references work when SVG is being used in shadow DOM (bugzilla: 27380) Migrated from: https://www.w3.org/Bugs/Public/show_bug.cgi?id=27380 comme...
источник
18:07пожаловаться#10

SK

Serhii Kulykov in Веб-компоненты
опубликовал два новых релиза своих vanilla компонентов

https://twitter.com/serhiikulykov/status/1310624374488289281

https://twitter.com/serhiikulykov/status/1310625945020239879
Twitter
Serhii Kulykov
Released vanilla-colorful 0.4.0 🎨 - Keyboard navigation support - Follows WAI-ARIA for sliders - Hides internals using Symbol - Still under 3 KB (min + gzip) https://t.co/BRtcNxjxrC
источник
20:03пожаловаться#11
2020 September 30

SK

Serhii Kulykov in Веб-компоненты
вышла статья про declarative Shadow DOM

https://web.dev/declarative-shadow-dom/
web.dev
Declarative Shadow DOM
Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.
источник
12:36пожаловаться#12

ИЛ

Иван Лещёв in Веб-компоненты
Serhii Kulykov
вышла статья про declarative Shadow DOM

https://web.dev/declarative-shadow-dom/
web.dev
Declarative Shadow DOM
Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.
<host-element>
  <template shadowroot="open">
    <slot></slot>
  </template>
  <h2>Light content</h2>
</host-element>

не могу представить, что именно заставит меня писать вот так
это уникальный хост-элемент?
источник
12:46пожаловаться#13

SK

Serhii Kulykov in Веб-компоненты
цель такого синтаксиса - сделать возможным SSR. для каждого экземпляра компонента template дублируется
источник
12:47пожаловаться#14

ИЛ

Иван Лещёв in Веб-компоненты
Serhii Kulykov
цель такого синтаксиса - сделать возможным SSR. для каждого экземпляра компонента template дублируется
а какие задачи это решает?
источник
12:50пожаловаться#15

ИЛ

Иван Лещёв in Веб-компоненты
заполнить слоты можно без указания темплейта
источник
12:50пожаловаться#16

SK

Serhii Kulykov in Веб-компоненты
задачи - SEO и потенциально возможность раньше отдать контент
источник
12:51пожаловаться#17

SK

Serhii Kulykov in Веб-компоненты
слоты да, но в любом случае сейчас нужно вызывать attachShadow() руками
источник
12:52пожаловаться#18

ИЛ

Иван Лещёв in Веб-компоненты
для SEO как как раз надо
```
<host-element>
  <h2>Light content</h2>
</host-element>
```
источник
12:52пожаловаться#19

SK

Serhii Kulykov in Веб-компоненты
да, но так придется весь контент только в слоты складывать.
источник
12:53пожаловаться#20