Array.prototype.reduce 是 JavaScript 中比较实用的一个函数，但是很多人都没有使用过它，因为 reduce 能做的事情其实 forEach 或者 map 函数也能做，而且比 reduce 好理解。但是 reduce 函数还是值得去了解的。

reduce 函数可以对一个数组进行遍历，然后返回一个累计值，它使用起来比较灵活，下面了解一下它的用法。

reduce 接受两个参数，第二个参数可选：

1
2

@param {Function} callback 迭代数组时，求累计值的回调函数
@param {Any} initVal 初始值，可选

其中，callback 函数可以接受四个参数：

1
2
3
4

@param {Any} acc 累计值
@param {Any} val 当前遍历的值
@param {Number} key 当前遍历值的索引
@param {Array} arr 当前遍历的数组

关于 Decorator 到底是 ES 6 引入的还是 ES 7 引入的我也不是很明白了，两种说法都有，这种问题懒得纠结了……在用的时候发现这个东西很好用，平常用处可能不大，但是结合 React 就很好使了。接下来就讲一讲。

一、环境搭建

我搭建了一个 React 开发环境，结合 babel 的插件——babel-plugin-transform-decorators-legacy一起使用，这个插件可以让你写 Decorator。

GitHub 地址：https://github.com/zhongdeming428/HOC

可以通过如下命令克隆：

1

$ git clone https://github.com/zhongdeming428/HOC.git

已经快一年没有碰过 React 全家桶了，最近换了个项目组要用到 React 技术栈，所以最近又复习了一下；捡起旧知识的同时又有了一些新的收获，在这里作文以记之。

在阅读文章之前，最好已经知道如何使用 Redux(不是 React-Redux)。

一、准备环境

为了更好的解读源码，我们可以把源码拷贝到本地，然后搭建一个开发环境。Redux 的使用不依赖于 React，所以你完全可以在一个极为简单的 JavaScript 项目中使用它。这里不再赘述开发环境的搭建过程，需要的同学可以直接拷贝我的代码到本地，然后安装依赖，运行项目。

1
2
3
4
5

$ git clone https://github.com/zhongdeming428/redux && cd redux

$ npm i

$ npm run dev

最近在做一个 Vue 项目的时候，突然发现了一个有意思的知识点。

有几位客服反馈说在点击某个链接跳转的时候，老是没得反应，导致选不了选项。我就很奇怪，内网环境下是没有问题的，所以代码出问题的可能性不大，怎么外网就有这种问题呢？后来仔细看了一下才发现，原来是运维那边出了点纰漏导致外网有些客户的 JavaScript 资源加载不出来，进而导致无法跳转。这里涉及到了 Vue 的异步组件知识，只有当切换到某个组件时，其单独打包的资源才会被加载。不同于统一打包的情况，这样做可以利用代码切割减少首屏加载时的资源大小，能够提升一定的加载速度，优化用户体验。接下来就自己重新做一下这个异步组件。

以下命令行操作均在 Linux 环境下进行。

一、搭建项目

先切换到你的项目根目录下，此时应该是一个空文件夹。

然后用 npm 命令初始化，添加具有一些默认选项的 package.json 文件。

1

$ npm init -y

然后开始创建必要的文件：

1

$ sudo touch .babelrc index.html

简单记录一下我从头写一个 Servlet 的过程。

我安装的是 Tomcat 7 版本，在 Ubuntu 18.04 上运行，IDE 为 Intellij IDEA。

首先创建一个 Java Web 项目，进入你的 IDEA，然后点击 Create New Project。如下图所示：

最近几天在系统的复习排序算法，之前都没有系统性的学习过，也没有留下过什么笔记，所以很快就忘了，这次好好地学习一下。

首先说明为了减少限制，以下代码通通运行于Node V8引擎而非浏览器，源码在我的GitHub，感兴趣的话可以下载来然后运行试试。

为了方便对比各个排序算法的性能，这里先写了一个生成大规模数组的方法——generateArray：

1
2
3
4
5
6
7

exports.generateArray = function(length) {
    let arr = Array(length);
    for(let i=0; i<length; i++) {
        arr[i] = Math.random();
    }
    return arr;
};

只需要输入数组长度，即可生成一个符合长度要求的随机数组。

最近在掘金翻译了一篇文章，主要讲的是 Git 提交记录的维护，确实很有用，感兴趣的同学可以去看一下。链接如下：

[译] 怎样（以及为什么要）保持你的 Git 提交记录的整洁

截图：

最近在学习 Linux，前面的基础知识学习了一下，进入了 Vim 的学习环节。感觉这个编辑器还是可以的，有特色，鼠标都不用，蛮炫酷。对于基本
的使用来讲还是很方便的。下面是一些我的学习笔记，大致就是一些常用的命令吧。这个博客就是使用 Vim 写的一个 Markdown 文档，就当是给自己练练手，加深学习的印象了。

笔者是一枚前端开发，在学习 Linux 的时候碰到了一个问题 —— 怎么练手？因为自己电脑上面装的是 Windows 系统，所以学习 Linux 的时候没办法进行练习，而敲指令是学习 Linux 最高效的途径，这就需要我装一个 Linux 虚拟机或者双系统了。最开始的时候我用 VMWare 的虚拟机装了个 Ubuntu，后来觉得 Linux 好像确实好用，虚拟机又太耗资源，再加上我的 Windows 越来越卡顿，我决定装一个双系统。

入职半个月了，一直在接受业务知识以及企业文化知识的培训，下周终于要开始上岗入手项目了。由于公司使用自己搭建的 GitLab 服务作为项目版本控制器，所以我决定学习一下 GitLab，由于这货跟 GitHub 都是基于 Git，所以代码管理方面没有啥区别，主要学习的是 GitLab 服务的搭建。

一、安装步骤

输入一下命令更新源，然后安装依赖 openssh-server 和 ca-certificates。

1
2

$ sudo apt-get update
$ sudo apt-get install -y openssh-server ca-certificates

如果需要邮箱提醒服务，还需要安装 postfix，当然你也可以安装其他邮件服务。