阿宇的编程之旅

前言 公司测试环境的运维管理面板是1Panel，由于近期有新项目的开发，部署功能并不完善，每次版本的发布需要开发人员在自己电脑上build并通过压缩包手动进行操作发布，这么做既降低了效率，还会导致操作

前言 在前面Web Components系列文章的插槽中，我们使用直接在body中写入html标签的形式来承载shadowDOM中的元素，这么做会使标签在DOM多渲染一次，不仅降低了性能，还使标签直接

前言 我们常说到程序的运行和代码的实现遵循高内聚和低耦合，理解一下这句话，模块中的功能在逻辑上是有关联的，模块之间依赖关系较弱。前端的组件同样遵循这套原则，单个组件的功能逻辑是完整的，组件与组件之间也

前言 本文继续Web Components系列文章，介绍一下Shadow DOM的样式及选择器。 Shadow DOM的样式与外界是隔离的，即自定义元素的样式只会影响到Shadow DOM内部，不会影

前言 浏览器的事件机制是web前端面试及开发过程中绕不开的话题，可以说一切用户操作或者浏览器的行为都离不了事件，它允许开发者通过JS处理用户的操作，并处理操作逻辑，将结果反馈给用户。本篇文章将深入浏览

前言 插槽实际上也属于组件通信的一种方式，但是由于其强大的api和实用性，我将其单独拆开来介绍。 定义 Slot（插槽）是Web Components中一个重要的特性，它允许在组件内部定义占位符，以便

前言 这是我第一次写技术文章以外的博客，做个自我介绍吧，我叫阿宇的编程之旅，对前端方向比较感兴趣，为人内向，却善言辞，毕业快6年了，前后换了两家企业，目前在江西发展。我是一个喜欢计划的人，什么事情都喜

目录 引言 概念 基本用法 attachShadow函数 mode（模式） delegatesFocus（委托聚焦） Custom Elements+Shadow DOM 基本用法 样式及属性隔离 写

目录 引言 演变过程 概述 使用方式 创建标签 定义标签 使用标签 获取标签 异步定义标签 升级标签 完整案例 结语 相关代码 参考文章 引言 随着项目体量的增大，组件化和模块化的优势也愈发明显了，构