摘要： `loader`是`webpack`的核心概念之一，它的基本工作流是将一个文件以字符串的形式读入，对其进行语法分析及转换（或者直接在`loader`中引入现成的编译工具，例如`sass-loader`中就引入了`node-sass`将SCSS代码转换为CSS代码，再交由`css-loader`处理），然后交由下一环节进行处理，所有载入的模块最终都会经过`moduleFactory`处理，转成javascript可以识别和运行的代码，从而完成模块的集成。 阅读全文

摘要： 脚本合并是基于模块化规范的，javascript 模块化是一个非常混乱的话题，各种【*MD】规范乱飞还要外加一堆【*.js】的规范实现。现代化前端项目多基于框架进行开发，较为流行的框架内部基本已经统一遵循 ES6 的模块化标准，尽管支持度不一，但通过构建工具可以解决浏览器支持滞后的问题；基于`nodejs`的服务端项目原生支持 CommonJs 标准；而开发中引入的一些工具类的库，热门的工具类库为了能同时兼容浏览器和 node 环境，通常会使用 UMD 标准（Universal Module Definition） 来实现模块化。 阅读全文

摘要： `javascript`之所以需要打包合并，是因为模块化开发的存在。开发阶段我们需要将`js`文件分开写在很多零碎的文件中，方便调试和修改，但如果就这样上线，那首页的`http`请求数量将直接爆炸。同一个项目，别人2-3个请求就拿到了需要的文件，而你的可能需要20-30个，结果就不用多说了。 但是合并脚本可不是*“把所有的碎片文件都拷贝到一个`js`文件里”*这样就能解决的，不仅要解决命名空间冲突的问题，还需要兼容不同的模块化方案，更别提根据模块之间复杂的依赖关系来手动确定模块的加载顺序了，所以利用自动化工具来将开发阶段的`js`脚本碎片进行合并和优化是非常有必要的。 阅读全文

摘要： `Assets`，指项目中被引用的资源，通常为各种格式的图片和字体文件，当然也可能包含各式各样其他扩展名的文件（`.json`,`.xml`等），常见的图片和文字资源的处理包括： 1. 体积压缩 2. 雪碧图合并及引用修正 3. 资源的引用路径自动替换 阅读全文

摘要： `webpack`作为前端最火的构建工具，是前端自动化工具链**最重要的部分**，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过**问题 + 解决方式**的模式，以前端构建中遇到的具体需求为出发点，学习`webpack`工具中相应的处理办法。（本篇中的参数配置及使用方式均基于`webpack4.0版本`） 阅读全文

摘要： `webpack`作为前端最火的构建工具，是前端自动化工具链**最重要的部分**，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过**问题 + 解决方式**的模式，以前端构建中遇到的具体需求为出发点，学习`webpack`工具中相应的处理办法。（本篇中的参数配置及使用方式均基于`webpack4.0版本`） 阅读全文

摘要： 什么是微服务 微服务架构是一个分布式系统，按照业务进行划分成为不同的服务单元，解决单体系统性能等不足。 微服务是一种架构风格，一个大型软件应用由多个服务单元组成。系统中的服务单元可以单独部署，各个服务单元之间是松耦合的。 微服务概念起源：Microservices 微服务之间是如何独立通讯的 同步 阅读全文

摘要： 版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。 除了项目源代码，你可以对任何类型的文件进行版本控制。 有了它你就可以将某个文件回溯到之前的状态，甚至将整个项目都回退到过去某个时间点的状态，你可以比较文件的变化细节，查出最后是谁修改了哪个地方，从而找出导致怪异问题出现的原因，又是谁在何时报告了某个功能缺陷等等。 阅读全文

摘要： 概述 性能优化一向是后端服务优化的重点，但是线上性能故障问题不是经常出现，或者受限于业务产品，根本就没办法出现性能问题，包括笔者自己遇到的性能问题也不多，所以为了提前储备知识，当出现问题的时候不会手忙脚乱，我们本篇文章来模拟下常见的几个Java性能故障，来学习怎么去分析和定位。 预备知识 既然是定位 阅读全文

摘要： RocketMQ 是消息队列中需要大家去了解的知识，只有通过解决问题才能算得上是学会了这个知识点，所以学会某个技术，就是用来解决问题的。跟着我一起来看看 RocketMQ 的一些问题与答案吧！ 阅读全文