- 博客(20)
- 收藏
- 关注
RSS订阅原创 写了个webpack插件，1722行代码，无感升级到vue3
之前对公司七八年的老项目进行了升级，将vue2升级到vue3，并输出了一篇文章。但它存在很多问题，具体来说： 可读性巨差......
2024-04-18 17:52:02
714
1
原创 TypeScript类型体操--为函数追加参数
前边几篇文章我们一共实现了**42**个工具类型，按照本专栏的规划，还差**57**个...本节我们继续学习**一个**新的工具类型
2024-03-06 10:20:53
472
1
原创 《vite技术揭秘、还原与实战》第8节--插件化方案设计
我们总是说“程序设计与实现”，之所以把设计放在前，是因为它能避免我们像无头苍蝇一样随遇而安如果我们接着前边几章继续往下写，那大概率是这样的开发思路：在 http 服务器中监听由浏览器解析后抛出的文件请求，然后去读取文件源码，最后做一定的处理转换后返还给浏览器客户端如果 vite 是一个面向普通用户提供服务的产品的话，闭塞似乎没有问题。可它面向的是开发人员，定位是工具。因此必须要考虑到开发者的客制化需求，而插件机制是提供这一能力的最优解好文推荐vite技术揭秘、还原与实战-专栏-每周更新。
2024-02-23 10:25:19
704
原创 TypeScript类型体操--获取数组的中间元素
前边几篇文章我们一共实现了41个工具类型，按照本专栏的规划，还差58个…本节我们继续学习一个新的工具类型。
2024-02-19 10:33:43
472
1
原创 《vite技术揭秘、还原与实战》第7节--在svite中引入defineConfig类型辅助函数
上一小节，我们发现直接引入会导致程序报错，于是分析了产生报错的原因并查看了vite中的解决思路本节，在svite中解决这个问题
2024-02-04 10:23:56
440
1
原创 这应该是TypeScript类型体操专栏目前最复杂的工具类型了
前边几篇文章我们一共实现了40个工具类型，按照本专栏的规划，还差59个…本节我们继续学习一个新的工具类型。
2024-02-01 10:25:07
956
1
原创 《vite技术揭秘、还原与实战》第6节--defineConfig引发的问题思考与解决方案分析
上一节我们提供的配置文件没有相应的TypeScript类型定义，这对开发者是不友好的本节我们通过提供一个函数来优化这个问题。
2024-01-30 15:27:02
1644
1
原创 TypeScript类型体操＜hard＞--ToOptional
Typescript类型体操专栏很久没更新了一是最近在主更vite技术揭秘、还原与实战，虽然内容部分早就写完了，但每次都要手动的一个博客一个博客的cv甚是麻烦，搞得人失去了原本的热情不过今天突然注意到，即使这么久都不更新了，但是订阅的人数还是在不断增加的，想来大家还是对ts有兴趣的既如此那就…那就…再写一篇？嗯…为了保证自己能坚持更下去，我觉得将之前吹过的牛逼（每周更新1-2篇）收回，并变更为每月更新1-3篇，这样才更力所能及些🤔。
2024-01-22 15:33:48
503
原创 《vite技术揭秘、还原与实战》第5节--支持svite.config.ts配置文件
目前为止，我们已经完成了本地http服务器的创建，它尚是一个封闭的环境，用户无法从外部传递参数来做个性化配置本节我们需要将一部分能力的控制权交由用户管理本节，为svite增加了配置文件，它让svite具有了开放性，用户可以通过该文件传递受支持的配置从而影响内部的工作行为在实现的过程中，稍微有点复杂的是配置文件打包和转base64的这两个操作，前者是为了消除ts，后者则是为了加载配置文件。
2024-01-20 10:40:41
1593
原创 3行代码即可在你的项目中集成bundle-less构建
一行引入你需要在你的构建工程中引入mkdist包一行调用你需要嵌入你的构建工程运行流程并对mkdist进行调用一行重写你需要将mkdist的返回值作为新的入口列表重写默认的构建工具入口点配置。
2024-01-17 10:22:51
658
原创 《vite技术揭秘、还原与实战》第4节--加载index.html
在上一节，我们创建了一个http服务器，但是当你进行访问的时候，会发现被拒绝，这是因为我们还没有对对应的请求做处理本节我们将优先对index.html文件进行加载处理，它是整个预构建的入口点，非常重要本节，针对默认的请求，将其转换为并读取和返回对应的文件内容，这样一来，浏览器就能够正常加载并解析html文件，并且在遇到src或link属性时发起相应的请求。
2024-01-06 15:01:23
464
1
原创 《vite技术揭秘、还原与实战》第3节--创建本地开发服务器
经过前边两个小节的准备工作，本小节，就可以正式踏入`vite`源码的学习工作中了。本节的任务是创建一个`http`服务器，这是`vite`在`dev`阶段的起点
2023-12-23 15:32:45
154
1
原创 《vite技术揭秘、还原与实战》第2节--揭秘yarn create vite
在vite源码中，一共有三个工程，其中是一个辅助工具，用于快速创建模板工程，本小节，一起来看下它是怎么实现的
2023-12-18 11:01:42
267
1
原创 2分钟学会react-router（v6版）
虽然的官方文档洋洋洒洒万字有余，但实际上开发中常用的也就那么几个，掌握本文所述内容应对开发就足够了，接下来就跟着笔者一起来梳理一下吧。
2023-12-13 10:12:25
216
原创 《vite技术揭秘、还原与实战》第1节--svite工程搭建
所谓万丈高楼平地起，一切的开始都要从工程的创建开始本小节，我们一起来搭建svitesvite是一个基于pnpm的monorepo，它的关键点就是设置文件，它的好处就是可以提取和管理公共依赖。
2023-12-11 11:04:55
412
1
原创 企业级前端工程化配置指南：vite + react + redux + react-router + umi-request + antd + 编码规范
其实，我只在四年前完整的自己搭建过react项目，后来都基于umijs一键一把梭了。最近闲得慌，再加上最近一两年react项目开发的少，知识点感觉跟不上了，就想着复盘一下，随从项目搭建开始…
2023-12-08 17:11:49
499
原创 拒绝gogocode，vue2升级vue3，看这里
具体来说，就是找到props对象，分别对它的key对应的值进行识别。不过在开始前，先说原则，原则就是，能不修改原来代码的就尽量不修改，能保证原有调用格式的就尽量保证原来的使用方式。请注意，笔者在写本文时，已经完成了升级改造工作，故部分错误可能无法通过截图呈现，不过笔者会尽可能用语言描述清楚。，修改后，无法和原来一样调用，需要先导入，再使用，且必须手动传入组件实例，伪代码如下。在笔者的业务中，对单点登录进行了校验，并在无权限时跳转到指定的页面，伪代码如下。如下，是经过转换后的代码，在回调中使用的。
2023-11-16 10:26:42
1054
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人