最近写一个web应用的图片上传功能，里面有这么个场景：点击上传按钮，呼出file input框，选择完图片进行前端压缩然后上传，完毕后将返回的图片链接展示给用户。这个功能很常见，但是在这里却翻了船，所以专门记录一下这个bug。

本人开始接触编程是从js开始的，当时网上很多人说闭包是难点，各种地方对闭包的解释也是千奇百怪。如今开始接触js以外的各种编程语言，发现不光是js，php、java、c++等各种编程语言里都有闭包，而且大体意思是差不多的。

本文只是本人学习过程的一个记录，并不是什么非常严谨的教程，希望和大家一起共同进步。也希望大家能指出我的问题。适合有一定基础，志在全栈的前端初学者学习，从点击按钮提交ajax到获得服务器response，然后更新页面，这其中到底发生了什么？下面我们就来实现一个小demo，以前后端分离的方式独立跑通一个简单的增删改...

使用构建工具非常常用一个功能就是合并js和css文件，gulp和grunt都是编写相应的任务来完成，转到webpack突然懵逼了，简单的项目怎么做文件合并呢？其实只需把多个js文件同时引入到main.js（入口文件）中即可，css借助extract-text-webpack-plugin搞定。