happyCoder

微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个we...

阅读源码时，如果能追踪webpack的执行，能更便于我们理解，ndb就是这样一种工具。通过ndb调试步骤如下： npm i -g ndb 新建一个webpack初始工程（只...

面试太无聊，好想去钓鱼？荒野在召唤我。 1 什么是Angular？它与Vue和React有何不同？ Angular是一个用于构建Web应用程序的开发平台，它由Google开...

将我的研究成果，画一个简要的流程图，如果您有兴趣看完，回头再看看这个流程图。 图片里的方块中文字的序号，就是运行的顺序。 通过我们以往对tapable的了解，知道可以通过钩...

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将p...

上一篇讲述了如何理解tapable这个钩子机制，因为这个是webpack程序的灵魂。虽然钩子机制很灵活，而然却变成了我们读懂webpack道路上的阻碍。每当webpack运...

本文结合实际例子，描述了"为什么需要依赖注入"，“什么是依赖注入”，最后通过分析，一步步完成“依赖注入”的实现。...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...

在上一篇 module生成1中我们已经分析了 webpack 是如何根据 entry 配置找到对应的文件的，接下来就是将文件转为 module 了。这个长长的过程，可以分成...

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。...

1. 为什么需要前端模块化？ js在设计之初为了简单化，并没有加入模块化的设计。而随着js有能力构建成大型项目，模块化就是不可或缺的一环了，因为模块化有助于提高项目的可维护...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

前言 声明一下：从今年开始我的文章会对标至P7左右的技术水平，所以如果你想检验你的能力，欢迎点击关注。 你会掌握rxjs意味着什么 如果你的函数注意单一职责，或者说是注意抽...

HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧...

作为一名前端开发者，我们每天都要与代码版本控制打交道。Git虽然功能强大，但手敲命令行较为麻烦。而VS Code提供了强大的内置Git功能和增强插件，让我们能够通过直观的可...

相信大家也知道 qiankun 有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱，而它们又可以分为单例和多例两种模式...

qiankun微前端运行原理： 监听路由变化（两种路由方式：hash/history） 匹配子应用 加载子应用 渲染子应用 手写核心源代码 index.js 监听路由变化（...