Zhentiw - 博客园

2025年3月4日

摘要： export function singleton< T extends new (...args: any[]) => object >(classCtor: T): T { let instance!: InstanceType<T> const proxy = new Proxy(classC 阅读全文

posted @ 2025-03-04 15:19 Zhentiw 阅读(30) 评论(0) 推荐(0)

[Zod] Create Custom Zod Schemas and Validate project-specific data

摘要： The example case covers room numbers validation: it must start with an uppercase letter followed by three digits. z.custom allows the creation of a br 阅读全文

posted @ 2025-03-04 14:46 Zhentiw 阅读(75) 评论(0) 推荐(0)

[Zod] Use Zod Schemas partially using shape and unwrap

摘要： Instead of creating many small schemas, which can complicate maintenance, Zod allows for the extraction of specific parts of a schema using the concep 阅读全文

posted @ 2025-03-04 14:42 Zhentiw 阅读(89) 评论(0) 推荐(0)

2025年3月3日

[Design Pattern] Vendor Wrapper Pattern

摘要： The Vendor Wrapper Pattern is about isolating a third-party (vendor) library behind your own abstraction. Instead of scattering vendor-specific API ca 阅读全文

posted @ 2025-03-03 15:33 Zhentiw 阅读(34) 评论(0) 推荐(0)

2025年3月2日

[Webpack] 打包优化二

摘要： optimization optimization这个配置项内部的很多优化策略都是在生产环境默认开启的，启用这些规则从一定程序上来讲可以显著减少 bundle 体积，优化代码生成，帮助长期缓存等。 optimization.minimize optimization.minimize指定 webpa 阅读全文

posted @ 2025-03-02 18:58 Zhentiw 阅读(158) 评论(0) 推荐(0)

[Webpack] 打包优化一

摘要：代码准备由于需要演示webpack的一些优化处理，因此代码提前做了一些处理，引入了vue-router路由，创建了几个view页面引入了element-plus，axios，echarts，vue-echarts，@vueuse等组件丰富页面展示引入了unplugin-vue-compone 阅读全文

posted @ 2025-03-02 18:57 Zhentiw 阅读(87) 评论(0) 推荐(0)

[Esbuild] 自定义插件

摘要： esbuild自定义插件插件开发其实就是基于原有的体系结构中进行扩展和自定义。 Esbuild 插件也不例外，通过 Esbuild 插件我们可以扩展 Esbuild 原有的路径解析、模块加载等方面的能力，并在 Esbuild 的构建过程中执行一系列自定义的逻辑。 esbuild 插件是一个带有na 阅读全文

posted @ 2025-03-02 18:49 Zhentiw 阅读(135) 评论(0) 推荐(0)

2025年2月28日

[Esbuild] esbuild调用总结

摘要： transform API transform/transformSync 对单个字符串进行操作，不需要访问文件系统。非常适合在没有文件系统的环境中使用或作为另一个工具链的一部分，它提供了两个参数： transform(str: string, options?: Config): Promise< 阅读全文

posted @ 2025-02-28 02:27 Zhentiw 阅读(317) 评论(0) 推荐(0)

2025年2月26日

[Unit testing] Mocking the Network with Mock Service Worker

摘要： Limitations of Mocking the Store In the last lesson, we successfully mounted our EventList component and provided initial state to our Vuex store. Whi 阅读全文

posted @ 2025-02-26 16:48 Zhentiw 阅读(57) 评论(0) 推荐(0)

2025年2月25日

[Tools] Esbuild

摘要： esbuild 命令行调用使用 Esbuild 有 2 种方式，分别是命令行调用和代码调用。无论如何我先npm init -y创建一个新项目，然后通过如下的命令完成 Esbuild 的安装: npm i esbuild 查看esbuild版本 ./node_modules/.bin/esbui 阅读全文

posted @ 2025-02-25 15:33 Zhentiw 阅读(142) 评论(0) 推荐(0)

Answer1215

公告