前言

前端新技术层次不穷，翻看最近前端网站，看到大部分都是vue及react方面的技术。掌握传统技术的基础之上，作为前端开发人员，确实应该每时每刻都要充电！这篇文章，我记录一下我的博客及资源库数据备份及定期清理的linux操作。

关于mongo数据备份

前段时间，我的博客遭到不明人员的攻击，对此，我还专门写了一篇文章。后来了解到，是阿里云内部，对不安全mongodb的一种清理，类似我博客这种mongodb存在安全隐患，因此，把我的博客数据给清理掉了！幸亏我写了自动化备份脚本，每周对数据进行了备份，才幸免保住数据！我之前文章已经记录了mongo数据备份和恢复的方法，感兴趣的可以看一下！

前言

关于setTimeout，我之前的文章介绍过。setTimeout我们经常用来做延迟执行，那么setTimeout(fn,0)，是不是就不延迟执行了！答案肯定是否定的。这篇文章，我详细介绍一下setTimeout(fn,0)及其应用。

案例分析

for循环中有setTimeout，是我们在闭包案例中经常遇到和解决的一个问题，看一下下面这个案例

for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 0);
    console.log(i);
}

为什么要用Webpack？

今天简单介绍一下Webpack，Webpack功能强大，简单易学！类似技术我博客中之前介绍过模块化的requirejs，及打包工具grunt。相比前面介绍过的那两种，WebPack是一种模块化的解决方案，利用WebPack可以找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。下面我就对webpack做一个简单的小结。

安装

用 npm 安装 Webpack：

$ npm install webpack -g

前言

之前做过一个微信的项目，专家回复可以录音，然后储存成mp3格式，前台可以获取mp3，客户可以在线试听mp3录音效果，今天就简单分享一下这个效果如何实现，及实现思路和方法！

效果图

前台大体呈现效果图如下：