弹性布局flex是一个几年前的CSS属性了，说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :)之前网上流行的各种XX布局，什么postion: absolute+margin，float+padding，各种都可以使用flex来取代之。早两年在使用的时候，还是会担心有兼容性问题的，某些手机在使用了auto-prefixer以后依然会出现不兼容的问题。好在现在已经是2018年了，不必再担心那些老旧的设备，希望这篇文章能帮你加深对flex的认识。

Proxy是什么首先，我们要清楚，Proxy是什么意思，这个单词翻译过来，就是 代理。可以理解为，有一个很火的明星，开通了一个微博账号，这个账号非常活跃，回复粉丝、到处点赞之类的，但可能并不是真的由本人在维护的。而是在背后有一个其他人 or 团队来运营，我们就可以称他们为代理人，因为他们发表的微博就代表了明星本人的意思。P.S. 强行举例子，因为本人不追星，只是猜测可能会有这样的运营团队

最近突然想做一些好玩的东西，找来找去，想到了之前曾经在网上看到过有人用box-shadow画了一副蒙娜丽莎出来感觉这个挺有意思，正好趁着周末，自己也搞一波

前两年大量的在写Generator+co，用它来写一些类似同步的代码但实际上，Generator并不是被造出来干这个使的，不然也就不会有后来的async、await了Generator是一个可以被暂停的函数，并且何时恢复，由调用方决定希望本文可以帮助你理解Generator究竟是什么，以及怎么用

2018年已经到了5月份，node的4.x版本也已经停止了维护我司的某个服务也已经切到了8.x，目前正在做koa2.x的迁移将之前的generator全部替换为async但是，在替换的过程中，发现一些滥用async导致的时间上的浪费所以来谈一下，如何优化async代码，更充分的利用异步事件流 杜绝滥用async

函数默认值是一个很提高鲁棒性的东西（就是让程序更健壮）MDN关于函数默认参数的描述：函数默认参数允许在没有值或undefined被传入时使用默认形参。

从Promise开始，JavaScript就在引入新功能，来帮助更简单的方法来处理异步编程，帮助我们远离回调地狱。Promise是下边要讲的Generator/yield与async/await的基础，希望你已经提前了解了它。 在大概ES6的时代，推出了Generator/yield两个关键字，使用Generator可以很方便的帮助我们建立一个处理Promise的解释器。 然后，在ES7左右，我们又得到了async/await这样的语法，可以让我们以接近编写同步代码的方式来编写异步代码（无需使用.then()或者回调函数）。 两者都能够帮助我们很方便的进行异步编程，但同样，这两者之间也是有不少区别的。

这里指的遍历方法包括：map、reduce、reduceRight、forEach、filter、some、every因为最近要进行了一些数据汇总，node版本已经是8.11.1了，所以直接写了个async/await的脚本。但是在对数组进行一些遍历操作时，发现有些遍历方法对Promise的反馈并不是我们想要的结果。 当然，有些严格来讲并不能算是遍历，比如说some，every这些的。但确实，这些都会根据我们数组的元素来进行多次的调用传入的回调。 这些方法都是比较常见的，但是当你的回调函数是一个Promise时，一切都变了。

npm作为下载node附送的大礼包，大家一定不会陌生。然而关于npm，估计大量的只是用到npm install XXX以及npm run XXX。 其实这里边还有很多有意思的命令&参数。关于npm，大概有两个作用： 能让我们很方便的从网上下载第三方包进行实现功能 能够让我们自己编写包，并上传到网上供其他人下载

最近用Atom写博客比较多，然后发现一个很严重的问题。。没有一个我想要的上传图片的方式，比如某乎上边就可以直接copy/paste文件，然后进行上传。然而在Atom上没有找到类似的插件，最接近的一个，也还是需要手动选择文件，然后进行上传。这个操作流程太繁琐，索性自己写一个插件用好了。 成品插件下载地址：https://atom.io/packages/atom-image-uploader