1. 首页
  2. css

CSSWeb组件上的链接

我们如何在GitHub使用Web组件-Kristján Oddsson谈到GitHub如何使用Web组件。我记得他们是非常早期的采用者,这里说他们在2014年发布了一个组件!现在他们有一大堆开源组件。好用啊!令人惊叹的!我想浏览一下他们的HTML,看看他们的实际情况,所以我查看了d源代码并使用RegEx()(谢谢,Andrew)来查找他们。在登录的主页上有七个,所以它们不会冒烟。
使用web组件来封装CSS并解决设计系统冲突。-Tyler Williams说,web组件的封装(Shadow DOM)意味着避免与旧的CSS系统发生样式冲突。他还证明,为Git回购制作网站的公司喜欢web组件。
Web组件中的容器查询-Max Böck同意Web组件的:host可以是@container,这是非常棒的,这绝对是所有Web组件应该如何编写的。
与Web的更快集成;组件-Jason Grigsby负责客户机的工作,他说web组件并不能使集成变得快速或简单,而是使集成变得快速和简单。
FicusJS-我记得有一次有人告诉我,本机web组件并不是\”原始\”使用的,而是低级别的,这样就可以在它们之上构建工具。我们在渲染器之间的竞争中看到了这一点,比如lit html vs htm。然后,在上面的一层层工具中,比如这里的Ficus,它添加了一堆奇特的东西,比如状态、方法和事件。
阴影DOM及其对非官方样式API的影响I-Jim Nielsen扩展了我在ShopTalk上提出的想法,即DOM就是样式API。在某种程度上,它是自我记录的。\”作为一名作者,您必须花时间和精力思考、设计并记录组件的样式API。作为消费者,您必须阅读、理解并实现该API。\”是的。这就是为什么,在我看来,以一种不受阻碍的方式选择\”从外部CSS进入shadowdom\”是一个好主意。
– 令人敬畏的Standalones-我认为Dave在这里列出的正是那种让开发人员大吃一惊并认为web组件确实有用的东西。两年前,我做了一张人们对网络组件的看法图表。pic.twitter.com/Iwina6UxAB-Chris Coyier(@chriscoyier)2019年4月9日

CSSWeb组件上的链接 为WP2原创文章,链接:https://www.wp2.cn/css/cssweb%e7%bb%84%e4%bb%b6%e4%b8%8a%e7%9a%84%e9%93%be%e6%8e%a5/