Web Components

`Loading` 是开发过程中很常见的场景，在 `Client/Server` 架构盛行的今天，客

最近又遇到了web视频化的场景，之前也有过调研：H5视频化调研浅析 但这次稍微复杂一些，这次解决的是： 视频播放的技术方案调研 服务端实现： 视频转码 生成不同码率的视频 进行视频标准加密 不同码率视

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

上回写了一篇从零开始手写基于Web Components组件 介绍了Web Components的基础知识和操作，并完整的从零开始手写了一个Button组件，后续又补充了一些，直接开源成一个组件库

本文将详细讲解如何用最基本的`typescript`，`vite`，`less`构建`Web Components`的组件，基于原生能力开发，能够运行在任何框架，听起来似乎很不错，今天就来试试～