前言
之前文章有介绍blob,以及base64和blob的互转，今天这篇文章是上面这些文章的补充吧，主要介绍通过截图或者粘贴图片，直接生成base64的地址或者blob的临时地址，假如要上传服务端，可以通过之前介绍的互转等方式直接传给服务端。
demo案例
下面介绍一下这个demo案例
谈谈函数组合式compose及build设计模式
前言
今天主要介绍函数式编程中有一个比较重要的概念就是函数组合（compose）,组合多个函数，同时返回一个新的函数。调用时，组合函数按顺序从右向左执行。右边函数调用后，返回的结果，作为左边函数的参数传入，严格保证了执行顺序，这也是compose 主要特点。另外介绍一下build设计模式，大家可以自行体会一下其中的异同。
组合两个函数
compose 非常简单，通过下面示例代码，就非常清楚
RGBA透明色转换为16进制颜色
前言
最近接到需求，是rgba转换为16进制，一开始我还和产品争论，16进制不都是不透明颜色吗？透明的怎么转换为16进制呢？没错，原来真的可以转换，看来我落伍了。我很久之前就写过一篇文章 JS十六进制颜色（#fff）与RGB, HSL颜色的相互转换，感兴趣点击查看，我之前的rgba都是转换为2个颜色，一个是rgb，一个是opacity透明度，没有想到，rgba竟然可以转换为一个16进制的颜色，只不过由原来6位变为8位。
颜色透明度对照表
视频画中画requestPictureInPicture介绍及案例
前言
视频画中画是我们在浏览视频网站经常遇到的技术，可以增加用户体验，用户在下滑视频的时候，相关视频可以浮在窗口表面，这个技术pc浏览器大部分已经支持，但是移动端目前很多不支持，本文仅简单介绍一下这个技术。
效果
感兴趣的朋友可以看下效果 http://resource.haorooms.com/showdemo.html?id=286
这个实现很简单。代码如下：
谈谈HTML5a标签的ping属性用法
前言
今天谈谈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也是不会运行的。