Mr.Yellow.Wills

本篇是重温之前的ts学习笔记，记录有趣的点。 基本知识函数这样使用泛型12345678910111213141516interface ILength { length: number}function getLength <T extends ILength >(arg: T): T{ return arg;}getLengt... more

正如伟人说的，战略上藐视敌人，战术上重视敌人。学好每个技术，战术策略非常重要，而最优的战术策略应该是随机应变的，而非一层不变，这里记录一些对ts的所思所想学习历程，指导如何学习ts。 more

基本知识unknown 与 any 区别示例套路一：模式匹配做提取 - GetReturnType 123type GetReturnType<Func extends Function> = Func extends (...args: any[]) => infer ReturnType ? ReturnType : never; Func 和模... more

本篇对 umi 项目的脚手架讲解： 开发时： 修改代码后，如何编译 修改代码后，如何实时测试效果 发布时， 修改代码后，如何编译，并发布； 如何管理版本； 示例 example；文档； 待研究为什么会利用pnpm的workplace功能，因为pnpm的workplace功能是根目录下设置的，如何影响examples\with-react-17 目录下，有兴趣可看看，到这个问题不大, ... more

umi的源码根目录下，执行pnpm doc:dev 就可以启动文档；umi的文档其实就是一个典型的umi项目；而文档的生成的核心逻辑都是基于umi的文档插件 plugin-docs 实现的。 分析umi的文档系统，可以了解惊叹于如何使用react来写一个文档系统；因为本质上是一个典型的umi项目，因此又可以了解到umi的整个核心原理或流程。 待研究参考 《api.register api.r... more

本篇对 doc 项目生成的.umi 进行分析。 待研究参考 《## umi.ts》参考 《### renderClient》 .umi 的项目结构执行 pnpm doc:dev 命令后会生成 .umi 目录 如下：12345678910111213141516$ treer -d .umi -e aa.txt.umi├─exports.ts #这个文件比较特殊 exports 是 umi 的... more

记录 各个配置对应的源码位置 参考文档待研究参考 《api.register api.registerMethod》 对象hook但是插件的代码本质其实只是调用 api 进行各种 hook 的注册，而 hook 的执行并非在此阶段执行，因此这里叫插件的注册 modifyAppData hookonCheck hookonStart hook 所以，文档中说的hook，其实就是 插件api文档... more

记录 各个配置对应的源码位置 preset-umi别名 alias1234567891011// packages\preset-umi\src\features\configPlugins\configPlugins.ts alias: { umi: '@@/exports', react:..., },memo.alias = { ... more

本篇主要讲述 umi 脚手架的npm script命令 参考文档 Node.js v16.15.0 文档 - child_process.html 待研究如下 -- --vite 的第一个多余的 – 是什么意思？1pnpm dev -- --vite 参考《 pnpm install 》 前置知识pnpm install一次给所有的packages、 example安装依赖在umi 根... more

本篇主要讲述 umi 脚手架的npm script命令 参考文档 Node.js v16.15.0 文档 - child_process.html 前置知识$ 怎么来的12// globals 函数增加了 global的$等等属性import 'zx/globals'; 模板字符串的函数调用参考 pnpm release关于 umi-scripts 命令精妙的workspace:*pn... more