小编Dan*_*Mil的帖子

如何构建或定制一个好的(Vaadin)Web组件,这样CSS就不会太具有侵入性

作为https://github.com/vaadin/web-components/issues/5214的替代解决方案,我们现在在头像(-group)的影子 DOM 中设置了一些 css 部分的样式。

我想知道的是:

  1. 我们可以/应该在 Vaadin 中(但一般而言)设置 CSS(部分)样式到什么程度而不破坏向后兼容性?

  2. 构建良好 Web 组件的最佳实践是什么/在哪里,以便 API 消费者不会太快地破坏向后兼容性。

例如:当 API 使用者更改 css 显示属性时,使用根 Flex 容器构建 Web 组件将会中断,因此在这种情况下,将 Flex 容器移动到 Shadow DOM 可以使组件不那么脆弱。但是,消费者仍然可能会破坏很多东西......

这同样适用于 CSS 部分。

css vaadin web-component shadow-dom

5
推荐指数
1
解决办法
92
查看次数

标签 统计

css ×1

shadow-dom ×1

vaadin ×1

web-component ×1