js洋葱模型的实现

前言

洋葱模型指的是方法的执行像洋葱一样,一层一层往里执行,直到中心点后,再一层一层往外出来。

如下图: enter image description here

粘贴图片生成base64或者blob临时地址

前言

之前文章有介绍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

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