摘要: Webpack通过Loader完成模块的转换工作,让“一切皆模块”成为可能。Plugin机制则让其更加灵活,可以在Webpack生命周期中调用钩子完成各种任务,包括修改输出资源、输出目录等等。 本章我们一起来学习如何编写Webpack插件。 基本构建流程 在编写插件之前,还需要了解一下Webpack 阅读全文
posted @ 2020-04-10 23:49 xialeistudio 阅读(1859) 评论(0) 推荐(0)
摘要: 在前面的内容中,我们学习了Webpack的基本知识、常用脚手架和性能优化,虽然说大部分的开发场景社区已经又成熟的模块给我们使用,但是遇到特殊情况还是需要自己有独立开发的能力,因此今天我们一起来学习如何编写自定义Loader。 基本Loader Webpack中loader是一个CommonJs风格的 阅读全文
posted @ 2020-03-11 14:17 xialeistudio 阅读(709) 评论(0) 推荐(1)
摘要: 限定Webpack处理文件范围 项目比较小的情况下Webpack的性能问题几乎可以忽略,但是一旦项目复杂度上升,Webpack会有额外的性能损失需要我们进行优化。 通过前面内容的学习我们可以知道Webpack主要干下面这些事情: 1. 通过entry指定的入口脚本进行依赖解析。 2. 找到文件后通过 阅读全文
posted @ 2020-03-06 17:28 xialeistudio 阅读(439) 评论(0) 推荐(0)
摘要: 同构应用 使用同一份应用代码,同时提供浏览器环境和服务器环境下的应用,解决传统浏览器单页应用的两个顽固问题: + 不利于SEO,浏览器环境代码是在客户端渲染,大部分爬虫都只能爬到一个空白的入口文件 + 代码在浏览器渲染,低端机可能会卡顿 接下来我们一起从零开始搭建基于Webpack的React同构应 阅读全文
posted @ 2020-03-02 17:49 xialeistudio 阅读(509) 评论(0) 推荐(0)
摘要: Shell 是一个用 C 语言编写的程序,用户可以通过Shell脚本语言来进行程序开发。与其他脚本语言不同,Shell脚本所需的解释器一般是内置在操作系统的,而像Node.js、PHP等脚本语言需要手动安装解释器程序才可以。 接下来将和大家一起来学习Shell脚本编程。 Shell解释器 Shell 阅读全文
posted @ 2020-02-11 09:51 xialeistudio 阅读(166) 评论(0) 推荐(0)
摘要: 最近分享了《应用层私有协议的设计和实战》,对应用层私有协议设计做了一些介绍,同时也对协议设计中常用的数据类型做了比较形象的讲解,今天我们来研究一下kafka的二进制协议。 数据类型 kafka二进制协议定义了许多的数据类型,包含常用的数字、字符串,也包含了数组等类型。 本文主要讨论不可变长数据类型, 阅读全文
posted @ 2020-01-17 18:09 xialeistudio 阅读(584) 评论(0) 推荐(0)
摘要: Proxy是ES6规范定义的标准内置对象,可以对目标对象的读取、函数调用等操作进行拦截。一般来说,通过Proxy可以让目标对象“可控”,比如是否能调用对象的某个方法,能否往对象添加属性等等。 从上例可以看出Proxy不需要更改目标对象(也就是originalObj),就可以对originalObj的 阅读全文
posted @ 2019-12-31 13:50 xialeistudio 阅读(232) 评论(0) 推荐(0)
摘要: 本文内容 + Set的基本使用 + 常用用法 Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。 基本使用 + iterator 与Map类似,Set接收一个可选的Iterator对象,所有元素将按照顺序不重复地添加到Set中。传递null或者undefined将返回一个空Set 阅读全文
posted @ 2019-12-31 13:49 xialeistudio 阅读(315) 评论(0) 推荐(0)
摘要: 迭代器是ES2015中新增的规范,与之相关的for...of也是ES2015新增的。 本文来深入研究一下迭代器是什么,以及迭代器能够干什么? 或许你对for ... of的执行还不了解,比如什么情况下可以使用for ... of去遍历对象,什么情况下会报错等等,这篇文章应该能帮到你。 迭代器协议 f 阅读全文
posted @ 2019-12-31 13:48 xialeistudio 阅读(876) 评论(0) 推荐(0)
摘要: 本文内容 + 事件基础 + 事件监听方式 + 事件默认行为 + 事件冒泡与事件捕获 + 事件绑定与事件委托 事件基础 注意:本文不会深入探究Javascript的事件循环。 提到事件,相信每位Javascript开发者都不会陌生,由于Javascript是先有实现,后有规范,因此,对于大部分人来说, 阅读全文
posted @ 2019-12-31 13:46 xialeistudio 阅读(218) 评论(0) 推荐(0)