前言

今天主要介绍函数式编程中有一个比较重要的概念就是函数组合（compose）,组合多个函数，同时返回一个新的函数。调用时，组合函数按顺序从右向左执行。右边函数调用后，返回的结果，作为左边函数的参数传入，严格保证了执行顺序，这也是compose 主要特点。另外介绍一下build设计模式，大家可以自行体会一下其中的异同。

组合两个函数

compose 非常简单，通过下面示例代码，就非常清楚

前言

最近接到需求，是rgba转换为16进制，一开始我还和产品争论，16进制不都是不透明颜色吗？透明的怎么转换为16进制呢？没错，原来真的可以转换，看来我落伍了。我很久之前就写过一篇文章 JS十六进制颜色（#fff）与RGB, HSL颜色的相互转换，感兴趣点击查看，我之前的rgba都是转换为2个颜色，一个是rgb，一个是opacity透明度，没有想到，rgba竟然可以转换为一个16进制的颜色，只不过由原来6位变为8位。

颜色透明度对照表

前言

视频画中画是我们在浏览视频网站经常遇到的技术，可以增加用户体验，用户在下滑视频的时候，相关视频可以浮在窗口表面，这个技术pc浏览器大部分已经支持，但是移动端目前很多不支持，本文仅简单介绍一下这个技术。

效果

感兴趣的朋友可以看下效果 http://resource.haorooms.com/showdemo.html?id=286

这个实现很简单。代码如下：

前言

今天谈谈a标签ping属性的用法，这个用法可以用来做埋点，及用户上报，关于埋点，我之前有文章写过，利用空白gif图片，实现数据上报，ping的这种方式可以发送post请求给后端，当然也可以通过这个做DDOS攻击，今天详细介绍一下。

Ping的用法

Ping的用法相对比较简单，我们通过举例的方式，为大家介绍：

<a href="https://www.haorooms.com/" ping="https://www.haorooms.com /nav">点击haorooms博客</a>

当你点击‘点击haorooms博客’的时候，会异步发送一个POST请求到Ping后面指定的地址，Request Body的内容为PING。或许你会问，那

<a ping="https://www.haorooms.com /nav">点击haorooms博客</a>

这段代码行不行？答案是否定的，和HTML中的a标签一样，HTML5中href这个属性必须存在与a中，不然Ping也是不会运行的。