前端图片处理 - 高斯模糊

前言 高斯模糊在图片处理中是比较常见的一种处理,其视觉效果就像是经过一个半透明屏幕在观察图像。这篇文章会基于webgl展示一种通用的实现,以及针对大图的优化。 基于二维正态分布的实现 高斯模糊使用正态分布来计算当前像素周围和自身的权重,并将这些权重和对应的rgb值相乘,加总再除以总权重。因为是取像素周围的点,当前点为中点(即 0,0的点),所以使用二维正态分布来计算权重。二维正态分布如下图所示: 其中x,y分别是目标像素与中心像素水平和垂直方向的差值,σ是正态分布的标准偏差,一般为模糊直径的1/3,模糊直径越大,则画面越模糊。那根据模糊直径计算当前像素的rgba值,在glsl中的实现如下图所示: // diameter »

在酷家乐实习是一种怎样的体验

相遇 如果要用一句话来形容在酷家乐实习的体验,我会说:相见恨晚。 在六月的酷暑下,怀着忐忑的心情,给酷家乐发送了自己的简历,在此之前体验了酷家乐的室内设计工具,也阅读了很多其前端团队写的博客,深刻感受到酷家乐前端团队对技术的不断追求与创新。 记得那天是周五下午,不到半个小时就接到了HR小姐姐的面试邀请,可以说效率是及其高的。 于是踏上地铁,向开往丰潭桥站的方向驶去。 公司位于城西的高端写字楼矩阵国际,进门后漂亮的前台小姐姐带我去茶水间等待面试官,一面我的小哥叫灰灰,灰灰直奔主题,面试题很精炼,基础却又有深度,但自己可能有点紧张,有些问题答得并不是特别好,但是灰灰并没有嫌弃我,而是一步步引导我去解答我的疑惑,对于一个涉世未深的实习生来说, »

简析面向切面编程(AOP)

看到 AOP,那么一定会联想到 OOP,也就是面向对象编程。AOP 和 OOP 是在不同业务场景下的两种设计思想,本文将尽量用生动有趣的语言介绍 AOP 在前端领域的应用以及 AOP 和 OOP 之间的区别。在这之前,我们先了解两者的基本概念。 1.面向对象编程(OOP) 对于面向对象编程的严格概念,每个人都有自己的理解,笔者也不在此二次解读了。但是我们可以举一个生活中的例子来类比,为后文做铺垫: »

天瑜 浏览量:0

Node.js 中的 Stream

一、流的初印象 流,顾名思义,是流体的。与固体不同,它具有流动性,可轻易分离。 想象这样一个场景,我们要处理一大桶数据。 情况一:待处理的数据被是一整个固体的形式,那么我们要获取它处理它都必须是一次性的。这是若程序只有一次性处理一个碗级别的数据的能力时,那么程序就崩溃了(内存溢出或未处理的数据丢失)。 情况二:待处理的数据是一桶水(流),那么我们可以一次只倒出一碗水,待程序将碗中的数据处理完毕,我们将这碗水清空,便可继续处理下一碗的数据了。 至此,我们已经对流有了一个初印象。但本文要说的流不是流式的数据, »

肖鸡 浏览量:0

Koa 的模块依赖关系简介

阅读本文预计花费 6 分钟 上图整理的是一张简单的依赖关系图,以 application.js 为入口,依赖了 context.js、request.js、response.js 以及几个 Node 模块和一堆三方模块。 可以看到 Koa 主要是基于 Node http 模块实现,也就是说 Koa »