前言 官方链接单从其名字上来看，可以简单理解为创建module的工厂！ 而实际在阅读完它的源码的时候发现，其实它就真的是用来创建module的工厂！Compiler使用NormalModuleFactory模块生成各类模块，从entry入口开始，此模块回分解每个请求，解析配置文件webpack.config.js内容来查找进一步的请求，然后通过分解所有的请求以及解析新的文...

前言 维护着一个data属性，主要负责记录与读取之前的构建记录，关于这个构建记录，官方的描述是：webpack 的 “records” 记录 - 即「用于存储跨多次构建(across multiple builds)的模块标识符」的数据片段，一般可以通过与webpack.config.js配合配置，直接讲对应的文件给输出出来，可以使用此文件来跟踪在每次构建之间的模块变化。...

前言 webpack内部的自执行的插件，主要负责提供infrastructureLogger属性到compiler对象上，并创建对应的文件属性到compiler对象上，然后监听到compiler.hooks.beforeRun钩子容器中，将过程日志怼到标准输入中！用于基础设施水平的日志选项

前言 ProgressPlugin提供了一种自定义编译过程中进度报告方式的方法！ 官方链接 使用方式 一般地，我们可以通过创建一个ProgressPlugin对象并传递允许的可选参数，来实现自定义输出的目的！ 123456789// webpack.config.jsconst {ProgressPlugin} = require("webpack");module....

前言 上文中我们所提及到的webpack创建了一个Compiler对象，由它来进行相关的打包任务动作的启动等，而且作为所有的插件所共同访问的到的一个编译器对象，😕 那么，这个Compiler是什么呢？？它做了哪些事情呢？ Compiler的组成 Compiler是什么?执行过程是怎样的？ Compiler 模块是 webpack 的主要引擎，它通过 CLI 或者 No...

前言 现在基本上每一个前端童鞋都与webpack在工作学习上都有所依赖，不管是以前还是未来，webpack都将占据非常重要的地位，而且都会与每一位前端童鞋息息相关，那么我是否可以像之前阅读其他的源码一样，来通过阅读webpack的源码，一步一步跟着代码来读懂这个webpack呢？起初我也是这么做的，然后我放弃了，其中的代码量之多，而且又超级复杂，错综复杂我觉得已经不能够用...

前言 在刚接触webpack的时候，仅仅只是懂得了关于如何通过简单的配置，来告知webpack如何进行一个打包工作，但是，对于webpack中具体是如何工作的，却全然不晓得，因此，觉得很有必要来对其中的执行过程进行一个深入的学习，在学习的过程中，又遇到了一个看着一头雾水的代码this.hooks.compiler.XXX系列方法，通过相关的资料查阅才知道，原来webpac...

前言 基于less的基础上进行的二次改造，项目主要是基于grunt + assemble + handlebars来进行搭建的，借助于handlebars-help所提供的便捷helpers工具类，来快速的对页面进行输出，并通过自定义的相关额外的helpers工具类，来实现文档的自动关联、自动锚点、自动配置的数据、按照既定的模版规范来输出对应的html页面内容 如何搭建...

前言 在第一次接触Assemble的时候，觉得自己以前好像不是这么走过来的，自己以前是直接上jquery，或者原生的编码，对于项目的打包也是采用的最原始的方式来打包，没有去借助于一些便捷的打包工具，比如gulp、grunt等，等到后续慢慢接触久了，才有了这个想要“偷懒”的想法，在之前的关于grunt的学习中也了解到，grunt就是将一些经常做的事情，交由grunt框架来做...

前言 从express的脚手架中默认初始化的是handlebars模版引擎，那么它是怎样的一个引擎呢？平时在项目过程中是否有使用到它的一个场景呢？👉 我打算搭建多另外一个站点，模仿less的关于文档的快捷在线浏览中文站点，不想仅仅单纯通过翻译别人的网站，而自己根本不清楚其中的一个使用相关原理，因此，我开始这个自建CMS站点之路，而且从国内目前的前端来看，以前的前端一来就...

前言 在完成一两天的通读grunt在线文档之后，原来grunt也并没有那么地复杂，首先他是一个nodejs程序，无非就是将反复重复的工作(比如有压缩、编译、单元测试、linting等操作)通过脚本来自动化，只需要进行一个命令的执行，即可完成一系列既定执行顺序的操作，可以理解为一系列固定流程的脚本集合，他的庞大主要在于他所提供的插件，在运行grunt的过程中，可以通过对插件...

前言 终于轮到关于mongodb的学习了，作为 1⃣ 前端开发佬，想要进入全栈开发的领域，必不可少要涉及到数据库方面的编程技能。关于数据库的一个个人见解就是：它是一种特殊的文件格式，隐藏了对内容的直接访问，提供相关便捷的方法来操作文件内容，提供增删查改逻辑操作，满足业务需求！而本文要学习的这个mongodb是属于NoSQL(Not only SQL，不仅仅是SQL)的一种...

小技能 在习惯了webstorm这ide之后，转战vscode的时候，🈶 着诸多使用上的不习惯，特别是关于这个编码提示，个人已经习惯了webstorm自带的代码提示功能，在上手vscode的时候，发现这个也需要自己来整🌠 可以使用@type来进行日常coding的提示，仅仅需要在项目目录中运行以下脚本： 1npm install --save-dev @types/...

前言 在当今的网站编码完成后，要在广域网上能够访问到这个网站，没有https证书，是不可能能够正常被网络上的用户所能够访问到的，必须在有关的网站上申请https证书，挂到对应的服务器上，才能够保证被正常地访问到，那么什么是https证书呢？它与本文所要介绍的tls有什么关联？🌠 HTTPS 是在 HTTP 协议基础上实施 TLS 加密，所有网站以及其他部分 web 服务...

前言 平时工作过程中基本上天天都在和TCP打交道，😕 但 🈶 多少童鞋又能够清楚地知晓关于TCP是什么，它的一个工作过程又是怎样的呢？因此，我想整理本次的一个学习文档，来帮助自己更好的理解关于什么是TCP？他 🈶 什么特点？他是怎样工作的？来更好地理解程序/代码的一个工作过程！ 什么是TCP **传输控制协议(Transmission Control Protoc...

前言 在经历了一系列前端开发的项目之后，对于npm的了解，只是知道它可以用来安装项目的依赖库，但殊不知关于npm，其他它还有更多更好好玩的地方。首先，我们需要明白的是：NPM借助于CommonJS规范，将CommonJS规范给实现出来，从而实现包的管理 查看帮助 在学习的过程中，主要借助于官方中文文档，来协助自己对于这个npm的一个学习另外，在实际的编码过程中，还可以借...

前言 时间是真实存在的”变量”，必须重视它的一个存在感。假如活到80岁，那么每一个人都将拥有960个月的生命时间(这里我们假定成为960个格子)，每消耗一个月，格子的数量就减少一个，这听起来非常地震撼。既然我们的时间是如此般的有限，那么我觉得更加有必要来深入了解什么是时间？如何才能拥有/赚取更多的时间？ 什么是时间在固定稀缺时间内来赚取更多的时间 马👨曾说过类似这样子...

- 前言 金钱是什么？重新认识金钱有什么好处呢？应该以怎样的一个角度来认识金钱呢？金钱是一般物品等价交换的货币，用于衡量物品的价值！有句话：钱是万恶之源！其实说的有点片面了，我觉得 💰 每个人都like，但是呢，有的人以”非合规”的方式来取得的话，就不大好了，君子爱财，取之有道，说的也正是这个意思。只有真正理解了什么是钱，拥有更多的关于 💰 方面的知识，深知拥有更多的...

前言 大家应该都有过这样一个体验，看完一本书，过一阵子就忘，再看一遍，过一阵子再忘，再看再忘，如此反复！为什么会出现如此的浪费时间的反复无效动作呢？我想，应该是知识没有转变成为自己的知识吧，始终只是表面的简单接收书本 📖 中所表达出来的知识而已。👉 那么什么是知识？如何才能够获得知识呢？ 知识的特性 首先，知识拥有一定的属性：客观存在、在一定的知识框架领域内、相对正...

- 前言 每个人的大脑，其实就像是一个电脑的CPU，正常情况下，它负责接收最基本的数据信息，然后进行一个加工，最后输出目标结果，而人与人之间的差异，在于对同一个基础的信息的录入后，产生了不同的加工方式，由于其逻辑算法的不同(长期的积累而形成的)，导致拥有了不同输出结果，如下图所示： 要从根本上提升自身的认知水平，需要从最基础的大脑的工作过程来分析，一点一点地来剖析...