NormalModuleFactory的工作过程

webpack/ NormalModuleFactory
NormalModuleFactory的工作过程

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

SyncModuleIdsPlugin

webpack/ plugin
SyncModuleIdsPlugin

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

webpack插件-NodeEnvironmentPlugin

webpack/ plugin
webpack插件-NodeEnvironmentPlugin

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

webpack插件-ProgressPlugin

webpack/ plugin
webpack插件-ProgressPlugin

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

webpack中的Compiler

webpack/ Compiler
webpack中的Compiler

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

webpack学习计划

webpack
webpack学习计划

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

tapable使用与源码分析

webpack/ tapable
tapable使用与源码分析

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

使用assemble+hbs来构建基础在线man站点

工具插件/ grunt
使用assemble+hbs来构建基础在线man站点

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

assemble的使用与源码分析

工具插件/ grunt
assemble的使用与源码分析

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

handlebars的用法

javascript/ javascript模版引擎/ handlebars
handlebars的用法

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

grunt的学习与应用

打包/ nodejs/ grunt
grunt的学习与应用

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

mongodb在云服务器上安装与本地联调使用

数据库/ mongodb
mongodb在云服务器上安装与本地联调使用

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

在vscode中开启代码提示

编码规范/ vscode
在vscode中开启代码提示

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

你好tls

http/ tls
你好tls

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

你好TCP

http/ tcp
你好TCP

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

npm的常用功能

node/ npm
npm的常用功能

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

认知突围读后感(四)

读书笔记/ 个人提升
认知突围读后感(四)

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

认知突围读后感(三)

读书笔记/ 个人提升
认知突围读后感(三)

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

认知突围读后感(二)

读书笔记/ 个人提升
认知突围读后感(二)

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

认知突围读后感(一)

读书笔记/ 个人提升
认知突围读后感(一)

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

×
  • {title}
  • 这一句 是 在 2015.09.23 23:05:17 收藏的!