编程三昧

JavaScript

CSS(3) Electron(4) NodeJs(5) Vue(2) 前端面试(7) 未归档(6) 题解(1)

/ 注册

学习有趣的知识，结识有趣的朋友，塑造有趣的灵魂！

全部文章 / JavaScript （共4篇）

Web Components 系列（十一）—— 实现 MyCard 的可复用

前言在上一节中，使用 Templates 实现了 MyCard 的基本布局，并且在文章结尾我也说过，因为不可复用，其实用性基本为零。今天我们通过使用具名 Slots 在 Templates 中占位，然后再在自定义元素中给 Slots 传值，提高自定义元素的灵活性。传值分析因为每一个人的各项信...

前端组件化 webComponents

2022-02-18

0 314

Web Components 系列（十）—— 实现 MyCard 的基本布局

前言前面针对 Web Components 学习了一些基本的理论知识，我们了解到的概念有： Custom Elements Shadow DOM Templates Slots 以及和这些概念相关的子知识点。理论知识基本上够用了，从现在开始我们需要将理论运用到实践中，让理论为实践服务。今天，...

组件化 webComponents 前端

2022-02-17

0 329

Web_Components 系列（九）—— Shadow Host 的 CSS 选择器

前言在上一节我们了解了如何给自定义组件设置样式，当时是将自定义标签的样式设置在主 DOM 中的： <style> my-card { display: block; margin: 20px; width: 200px; ...

组件化前端 webComponents

2022-02-16

0 314

Web Components 系列（八）—— 自定义组件的样式设置

前言通过前面的学习，对自定义组件的相关概念和知识点也有了一定了解，今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。直接给自定义标签添加样式 index.html： <style> my-card{ display: block; ...

前端组件化 webComponents html5

2022-02-15

0 321