首页
学习
活动
专区
工具
TVP
发布

码农小余

专栏作者
31
文章
37253
阅读量
14
订阅数
深入剖析容器技术基础
按照费曼学习法中的输入、回顾、输出、传授过程,从这篇文章开始,会将容器、k8s 等相关的知识通过一系列文章跟大家分享。若理解有偏差,还请给个及时的 Feedback。看了有收获的麻烦点个关注哦!
码农小余
2022-12-05
4410
脚本任务执行器 —— npm-run-all 源码解析
最近在整一个 OpenAPI 编排器,想到 npm-run-all 的任务流。看了一下这个 6 年前的源码。npm-run-all[1] 是一个用来并行或者串行运行多个 npm 脚本的 CLI 工具。阅读完本文,你能收获到:
码农小余
2022-12-05
1.4K0
VueUse scripts,他们都模仿过的脚本
今天我们就“单纯”地从 VueUse scripts 入手,从中探索我们后续也许会用上的第三方包库。
码农小余
2022-06-16
1K0
详解 Vite 依赖预构建流程
大家好,我是码农小余。我们知道,首次执行 vite 时,服务启动后会对 node_modules 模块和配置 optimizeDeps 的目标进行预构建。本节我们就去探索预构建的流程。
码农小余
2022-06-16
4.3K0
揭开 HMR 面纱,了解它在 client 端的实现
大家好,我是码农小余。上一小节我们知道了当文件修改后,会触发文件监听实例 watcher 的 change 事件,更新模块信息和计算 HMR 边界。Websocket 会将计算得到的更新边界传给浏览器,浏览器拿到这些信息之后具体是怎么处理的呢?本文就来解开后续秘密。
码农小余
2022-06-16
4780
揭开 HMR 面纱,了解它在 node 端的实现
大家好,我是码农小余。上一小节我们学习了 HMR 的 客户端 API,对于常见的热更接收机制、热更失效、多实例变量缓存都有了比较清晰的认知。本节我们就先从 node 端去探索 HMR 的实现原理。
码农小余
2022-06-16
6040
通过简单例子上手客户端 HMR 的 API
大家好,我是码农小余。本节开始接触 Vite 核心特性热更新(Hot Module Replacement,简写 HMR)。
码农小余
2022-06-16
9730
PluginContainer,管理你的 vite 插件
大家好,我是码农小余。上一小节我们了解 ModuleGraph,知道它在解析、加载、转换模块时都会用到 pluginContainer 的 API。但是具体 pluginContainer 有哪些能力?Vite 的插件与 rollup 的插件又有什么关系?本文就来揭晓这些问题的答案。
码农小余
2022-06-16
1K0
模块之间的依赖关系是一个图
在 解析配置时,Vite 做了这些事 一文中,我们知道了 vite dev 时通过 resolveConfig 去获取并合并配置,处理插件顺序和执行 config 、configResolved 钩子,最后还学习了 alias 以及 env 的配置处理。
码农小余
2022-06-16
1.8K0
解析配置时,Vite 做了这些事
大家好,我是码农小余。上一小节我们了解了从敲入 vite 命令到最后服务运行起来的详细过程。本节开始我们从流程中选一些核心流程细细品味,首先看入口配置(即 resolveConfig 函数)的逻辑。
码农小余
2022-06-16
2.4K0
敲下 vite 命令后,server 做了哪些事?
大家好,我是码农小余。当我们在终端上敲下 vite(vite dev、vite server)到返回下图结果
码农小余
2022-06-16
5690
授人予渔,VSCode 如何调试 Vite 代码?
大家好,我是码农小余。在正式开始剖析 Vite 源码之前,先了解调试 CLI 工具的前期准备工作。亲们可以跟着步骤在自己的 PC 上准备好调试环境,后续每读完一个小节,建议都去单步调试、执行一遍流程,效果更佳。
码农小余
2022-06-16
5.4K0
震惊!这家伙居然用中文写 vue 组件
大家好,我是码农小余。作为手摸手实现编译器的终(下)篇,调皮地改了一个标题。回顾前两篇内容:
码农小余
2022-06-16
4490
谈谈践行 TDD 后的感受
大家好,我是码农小余,今天我们来讨论 TDD。本文纯属个人实践后的感受,若有不确之处,欢迎大佬指导和交流!
码农小余
2022-06-16
4190
欧耶!Pinia 正式成为 vuejs 的一员
📷 Pinia 正式成为 vuejs 官方的状态库,意味着 🍍 就是 Vuex 5.x 。 先来看早期 vue 上一个关于 Vuex 5.x 的 RFC : 📷 描述中可以看到,Vue 5.x 主要改善以下几个特性: 同时支持 composition api 和 options api 的语法; 去掉 mutations,只有 state、getters 和 actions; 不支持嵌套的模块,通过组合 store 来代替; 更完善的 Typescript 支持; 清晰、显式的代码拆分; 而 Pinia
码农小余
2022-06-16
5570
手摸手实现一个编译器(中)
上篇我们了解了 PEG.js 的基础使用,忘记的童鞋建议复习一下,对于本文的食用效果会更佳哦!
码农小余
2022-06-16
5430
手摸手实现一个编译器(上)
PEG.js 是一个简单的 JavaScript 解析器生成器,可以生成具有出色错误报告的快速解析器。您可以使用它来处理复杂的数据或计算机语言,并轻松构建转换器、解释器、编译器和其他工具。
码农小余
2022-06-16
6570
深入浅出 vue-loader 自定义块
vue-i18n[1] 是 Vue 的国际化插件。如果使用 SFC 的方式写组件的话,可以在 .vue 文件中定义 <i18n> 块 ,然后在块内写入对应的词条。这个 i18n 标签就是 customBlocks。举个例子:
码农小余
2022-06-16
9520
通过一个“时髦”的例子学 Babel 插件
Babel 的编译流程如上图所示,主要有三步:parse、transform、generate。parse 编译源代码,生成抽象语法树;transform 对 AST 树做各种操作(编译、删除、更新、新增等);最后由 generate 将处理后的 AST 生成新的代码,并可以附带 sourcemap。
码农小余
2022-06-16
3570
首次 patch,从 VNode 到 DOM
Vue 系列第五篇,前文详解 render 到 VNode 的过程,不记得的童鞋可以回到 [咖聊] 从 render 到 VNode 加深印象。我们知道, Vue 具有跨多端的能力,前提就是使用了 VNode(JavaScript 对象)。等于你有了“编译 🔨”,为所欲为自然不是事儿。本文将分析 VNode 生成 web 平台的 DOM 过程。阅读完本文,你将学习到: 普通节点的 patch (渲染)过程; 组件节点的 patch (渲染)过程; 一点点小技巧(藏匿文中 🤭🤭🤭); 普通节点的 patch
码农小余
2022-06-16
1.1K0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档