子洋 Blog

通过学习的源码，收获还是很多的。在这个过程中，我还特意研究了 pnpm 的 monorepo 配置、vite 插件开发流程、magic-string 库的使用等多个方面的技术。当我准备本文时，发现原作者已在掘金发布了一篇功能介绍和原理解析的文章，里面的内容更加细致，是非常好的学习参考资料，链接放在文末。

JSR是一个全新的包管理注册中心，它旨在为现代 JavaScript 和 TypeScript 的生态系统提供支持。原生 TypeScript 支持：JSR 能处理未编译的 TypeScript 代码，这让类型安全和开发体验得到了质的提升。ES 模块化：通过只支持 ES 模块，JSR 促使开发者采用最新的 JavaScript 模块标准，以适应实际 web 环境的需要。跨平台兼容：除了 Deno，JSR的设计考虑了与多个运行时环境的兼容性，包括但不限于 Node.js 和浏览器。

在软件开发中，随着项目的逐渐庞大和复杂化，管理多个相关联的代码库就变成了一项挑战。这时，Monorepo（单体代码仓）应运而生，它能有效管理多个项目或模块。Monorepo 是指在一个单一的版本控制系统仓库中管理多个模块/项目的策略。统一的工作流程和工具链：整个仓库的项目可以共享构建，测试，部署等流程。更容易的代码共享和重用：不同项目之间共享代码变得直接和高效。依赖管理：确保各个模块间依赖的版本一致性。原子性提交和版本控制：可以在单个提交中跨多个项目进行更改，简化版本跟踪。

提供了一种强大的方法来以程序化的方式管理和操作网页的样式。无论是小规模的样式调整，还是大规模的样式系统设计，CSSStyleSheet 都是一个很有用的 API，可以帮助你高效的维护和更新你的网站风格。

前端工程化是将软件工程相关的方法和思想应用到前端开发中，从而提升前端开发效率、提高产品质量、降低开发难度、减少公司成本的方法和工具。前端工程化贯穿整个前端项目各个阶段，包括代码规范、流程规范、分支管理、程序开发、前后端联调、自动化测试、应用构建、系统部署和监控、运维等。前端工程化是前端开发的趋势，它可以提高开发效率、降低成本、提高代码质量。然而，在实施前端工程化时需要根据项目实际情况进行定制化选型，合理选择工具和框架。优化和测试是工程化中不可忽视的部分，它们对于提升应用性能和稳定性至关重要。

MIME(Multipurpose Internet Mail Extensions) 类型是一种用于标识文件内容类型的标准。它最初是为了支持电子邮件系统而设计的，但现在也被广泛用于HTTP协议中，用于指示在互联网上传输的文件的类型。MIME type现在称为「 媒体类型 (media type) 」，但有时也是「 内容类型 (content type) 」是指示文件类型的字符串，与文件一起发送（例如，一个声音文件可能被标记为audio/ogg，一个图像文件可能是image/png。

Milligram 是一个简洁、小巧 CSS 库，它专注于提供一个轻量级的样式库，使得在网页项目中添加样式变得非常简单。Milligram 的设计理念是尽可能少地干预你的设计，只提供了一些基础的样式和组件，使得你可以更容易地构建自己的定制化界面。轻量级：Milligram 非常小巧，通过 gzip 压缩后仅有 2KB 大小。现代化：Milligram 采用了现代化的 CSS特性 和响应式设计，适用于各类设备显示。基本样式。

本文将使用纯 CSS 实现一个简单的 3D 书本展开动效。

由于目前 Leafer 尚在成长期，现在仍然还只是一个单纯的 图引擎，许多功能可能还需要社区来支持，前段时间写了一个 Leafer 插件，整理了一下 Leafer 插件的开发方法，本篇主要是教大家如何为 Leafer 实现一个简单的。本来本篇文章应当更早一些就发出来了，但是为了保证严谨，一边阅读 Leafer 插件的源码，一遍撰写，在撰写过程中发现了一个问题，排查了很久才确定，提交 issue 后才继续撰写本文，这也就导致了延期发布。