棒棒糖堂主

【webpack5 源码和架构分析】wepack 路径解析库 ehanced-resove 源码阅读之—— resolver 流水线 hook 注册第一弹...

【webpack5 源码和架构分析】文章介绍了 webpack.config.js.resolve 和 resolveLoader 选项对象的各个配置项及其作用及对应内部实...

【webpack 源码和架构分析】webpack 强大的路径解析扩展能力，通过 resolve 和 resolveLoader 就能实现，今天我们来学习下这两个选项对象的各...

【webpack5 源码和架构分析】面试必备 webpack Resolver 原理，生产环境处理构建路径必不可少的奇技，全完最详细 Resolver 创建过程...

去年，23年10月中旬写了“我最近3个月的前端专业学习记录”，今天我掐指一算，完蛋，超时了，说好一季度一总结的，结果都4个月了，赶快补上。 时间范围是23年10月16日-2...

一文说透 webpack 从入口模块开始，如何一步步完成入口及子模块的创建和构建工作，宏观看主干，一览无余...

【webpack5 源码和架构解析】本文讨论了了 webpack 创建入口模块并递归处理所有依赖的子模块的创建及构建的实现过程。通过队列的调度机制就完成了一个循环，一直到所...

【webpack5 源码和架构分析】一文说透 webpack5 通过 AsyncQueue 实现异步并发队列，整体核心有以下几点........

本文主要讨论了 NormalModuleFactory 类型在模块的创建过程中的主要作用，主要两个钩子，factorize 负责创建，resolve 负责解析；...

都说 webpack 从“入口”解析依赖，今天先学 webpack 的入口到底怎么工作的，本文对 Compiler.prototype.compile 方法进行了由浅入深的...

所谓启动，其实是整个编译流程的统揽，看完这篇你就可以大大方方的告诉面试官，webpack 编译大致流程了。compiler.run 方法内部封装 run 方法......

本篇小作文详细讨论了 genDirectives 方法，它负责调用相应的处理方法处理 el.directives 中的指令，并且返回对应的指令是否需要运行时的辅助标识...

创建 Compiler 实例化过程中 核心 hook 注册、四个文件系统、resolverFactory 全包揽...

本篇讨论了Vue 进行子节点列表 DOM diff 的细节部分，Vue 的 patch 阶段和React 不太一样，React 是先 diff 再 patch，vue 是边...

本篇小作文讨论了一下 patch 方法的大致结构，真正 diff 两棵树的 patchVnode 方法还没开始，这里主要讨论的是如何进入到 patchVnode 的执行条件...

本篇小作文相当于给自己复习了，如果是一路读过来的小伙伴到这里也就当复习了吧，本篇并没有开始写 `DOM diff` 的过程，而是 `DOM diff` 的前奏部分——触发渲...

本文是继 `nextTick` 的姊妹篇，同时又是一个深入理解 `nextTick` 精妙设计所在的过程。另外，也解答了何为合并多次修改的性能优化；...

Vue 如何组织队列更新？nextTick 原理？queueWatcheer、flushCallbacks 都在这里了...

本篇小作文作为 patch 阶段的第一篇主要整体梳理响应式实现的三个阶段，并对 defineReactive、Watcher、Dep三者的协作方式进行详细讲解...

本文详细讨论createElm方法的逻辑，该方法根据 VNode 创建真实的元素，其中包含自定义组件和原生DOM，最后完成Vue初次渲染到页面...