工欲善其事，必先利其器！ 写一个开源的项目也不例外，就拿在国内很火的vue3框架和vite工具来讲，其中的实现与架构设计无不是一个复杂而庞大的工程，而支撑这些工程能顺利运行的无不是一个又一个的轮子

确定对象位置和方向的能力对于任何3D图形编程人员来说都是非常重要的，正如我们将要看到的，围绕着原点来描述对象的维度，再将对象变换到需要的位置实际上是非常方便的。 向量能够代表的第一个量就是方向，第二个量就是数量。 方向：比如X轴就是向量（1，0，0）。在X方向为+1，而在Y方向…

🎉Svelte 作为最受欢迎的前端新宠，连尤大都重视的框架，居然“叛逆”到不使用带有网红属性的虚拟DOM ！！！

(接下来的内容主要是ioc实践方面, 如果是一般中小企前端工程师, 对这方面没什么兴趣, 看完第一篇就足够了) 在上一篇文章Typescript IOC控制反转 101 (1): 写个简单的IOC容器

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

Svelte 是一个构建 web 应用程序的工具，与 React 和 Vue 等 JavaScript 框架类似，都怀揣着一颗让构建交互式用户界面变得更容易的心

HLS (HTTP Live Streaming) 是苹果公司开发的流媒体传输协议，它使用 HTTP 来传输视频，可以防止被防火墙屏蔽。DASH 一种自适应比特率流技术。

HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)…