前言 高斯模糊在图片处理中是比较常见的一种处理，其视觉效果就像是经过一个半透明屏幕在观察图像。这篇文章会基于webgl展示一种通用的实现，以及针对大图的优化。 基于二维正态分布的实现 高斯模糊使用正态分布来计算当前像素周围和自身的权重，并将这些权重和对应的rgb值相乘，加总再除以总权重。因为是取像素周围的点，当前点为中点（即 0，0的点），所以使用二维正态分布来计算权重。二维正态分布如下图所示： 其中x，y分别是目标像素与中心像素水平和垂直方向的差值，σ是正态分布的标准偏差，一般为模糊直径的1/3，模糊直径越大，则画面越模糊。那根据模糊直径计算当前像素的rgba值，在glsl中的实现如下图所示： // diameter »
相遇 如果要用一句话来形容在酷家乐实习的体验，我会说：相见恨晚。 在六月的酷暑下，怀着忐忑的心情，给酷家乐发送了自己的简历，在此之前体验了酷家乐的室内设计工具，也阅读了很多其前端团队写的博客，深刻感受到酷家乐前端团队对技术的不断追求与创新。 记得那天是周五下午，不到半个小时就接到了HR小姐姐的面试邀请，可以说效率是及其高的。 于是踏上地铁，向开往丰潭桥站的方向驶去。 公司位于城西的高端写字楼矩阵国际，进门后漂亮的前台小姐姐带我去茶水间等待面试官，一面我的小哥叫灰灰，灰灰直奔主题，面试题很精炼，基础却又有深度，但自己可能有点紧张，有些问题答得并不是特别好，但是灰灰并没有嫌弃我，而是一步步引导我去解答我的疑惑，对于一个涉世未深的实习生来说， »
看到 AOP，那么一定会联想到 OOP，也就是面向对象编程。AOP 和 OOP 是在不同业务场景下的两种设计思想，本文将尽量用生动有趣的语言介绍 AOP 在前端领域的应用以及 AOP 和 OOP 之间的区别。在这之前，我们先了解两者的基本概念。 1.面向对象编程（OOP） 对于面向对象编程的严格概念，每个人都有自己的理解，笔者也不在此二次解读了。但是我们可以举一个生活中的例子来类比，为后文做铺垫： »
一、流的初印象 流，顾名思义，是流体的。与固体不同，它具有流动性，可轻易分离。 想象这样一个场景，我们要处理一大桶数据。 情况一：待处理的数据被是一整个固体的形式，那么我们要获取它处理它都必须是一次性的。这是若程序只有一次性处理一个碗级别的数据的能力时，那么程序就崩溃了（内存溢出或未处理的数据丢失）。 情况二：待处理的数据是一桶水（流），那么我们可以一次只倒出一碗水，待程序将碗中的数据处理完毕，我们将这碗水清空，便可继续处理下一碗的数据了。 至此，我们已经对流有了一个初印象。但本文要说的流不是流式的数据， »
阅读本文预计花费 6 分钟 上图整理的是一张简单的依赖关系图，以 application.js 为入口，依赖了 context.js、request.js、response.js 以及几个 Node 模块和一堆三方模块。 可以看到 Koa 主要是基于 Node http 模块实现，也就是说 Koa »