just_do_it_123的博客

最新上线了新版本的在线录屏（https://www.mnggiflab.com/product-mng/recording），功能比之前的版本丰富了很多，支持摄像头录制、多种音频选择、固定区域录制、设置录制背景、定时录制等。点击选择摄像头，可进行摄像头录制，摄像头可进行拖拽移动，在右上方的设置区域可对摄像头录制进行形状、宽高、圆角等设置。选择好录屏窗口后，进入到下面的录制区域选择界面，调整并拖动选择框选择固定区域录制，也可点击跳过按钮录制完整窗口。设置完成后，点击下方的开始录制按钮进行录制。

最近对gif压缩页面进行了更新，之前每次压缩都会自动下载，但是大多数时候压缩gif都需要调整参数，有的时候并不能一次性设置好，如果每次压缩都下载下来就会导致下载目录下有非常多的压缩文件，非常混乱。于是我增加了压缩历史的功能，支持压缩前后对比预览，批量下载压缩结果。每次设置好压缩参数后，点击压缩，压缩完成后，会显示一个gif列表，列表里面显示了gif压缩前后的尺寸和大小，另外还支持压缩前后对于预览。压缩完多个gif后，可以点击下载全部按钮，点击后将会下载一个包含所有压缩历史的zip压缩文件。

最近上线了新版本的gif压缩功能，可以指定gif尺寸，压缩大小以及自动抽帧比例。挺好用的，尤其是制作微信表情包和发GIF头条的时候，应该很好用 (https://www.mnggiflab.com/product/gif-compress-v2)上传一个1.7M的gif，指定压缩大小为500kb，自动抽帧比例为30%，点击压缩即可。如果压不到想要的大小，可以调整抽帧比例以及宽度。...

并打开在线录屏网站https//www.mnggiflab.com/product/screen-recorder。录制完成后，回到录屏页面，点击停止录制按钮完成录屏。点击录屏转GIF按钮可跳转到视频转GIF页面。对录屏进行剪裁、添加水印、并转换成GIF。点击录屏按钮开始录制视频。...

在线录屏（https://www.mnggiflab.com/product/screen-recorder）的页面更新了，现在录制好视频后，点击录屏转GIF按钮可以直接跳转到视频转GIF页面()https://www.mnggiflab.com/product/video-to-gif进行剪裁啦，不需要手动上传录制好的视频文件，第一次跳转可能花费的时间稍长，后面就很快了在这个页面里面可以对录屏文件进行剪裁，支持各种比例剪裁，还支持圆形剪裁框。剪裁好了后还可以添加文字水印和图片水印。使用下面的工具条

在线录屏（https://www.mnggiflab.com/product/screen-recorder）的页面更新了，现在录制好视频后，点击录屏转GIF按钮可以直接跳转到视频转GIF页面()https://www.mnggiflab.com/product/video-to-gif进行剪裁啦，不需要手动上传录制好的视频文件，第一次跳转可能花费的时间稍长，后面就很快了在这个页面里面可以对录屏文件进行剪裁，支持各种比例剪裁，还支持圆形剪裁框。剪裁好了后还可以添加文字水印和图片水印。使用下面的工具条

JS异步递归内存泄漏分析记录之所以有这篇文章记录，是因为rescript不支持async/await。在写循环自动播放视频的时候，需要每间隔一定的时间，将视频中的某一帧渲染到canvas上，只能使用promise来实现了，下面是样例代码let sleep = time => { Promise.make((resolve, _) => { Js.Global.setTimeout(() => { resolve(. ignore()) }, time)-

大概花了一周时间，用rescript写了这个在线录屏的页面，大部分时间都在查MDN文档。。由于是调用的浏览器的API，目前只支持chrome和firefox的PC端浏览器废话不多说，先介绍下功能：首先打开一键录屏网站 点击开始录制按钮进行录制点击录制下载可以下载录制好的视频（目前只支持webm格式），点击一键转换按钮可以将录屏转换为GIF格式图片，如果有编写教程、示例需求的同学应该需要用到这个功能。有的时候需要对录屏前后的片段进行删减，可以点击录屏剪辑按钮调整录屏前后的时间段，点击剪裁按钮进

打开 一键录屏网站 ，进行录屏操作录屏完成后，点击停止录屏按钮，点击录屏剪辑按钮，打开剪辑页面（建议只剪辑3分钟内的录屏）调整进度条的两端，选取时间段调整完成后，点击剪裁按钮进行剪辑剪辑完成后，点击下载按钮将录屏的视频保存到本地，点击转换按钮可将录屏转换为GIF格式图片...

打开 在线录屏 (https://www.mnggiflab.com/screen-recorder)网站，点击开始录制按钮可以选择录制整个屏幕，任意一个软件的界面窗口，或者浏览器的任意标签页，选择[分享系统声音]来控制是否录制系统声音。点击分享按钮开始录制以浏览器的其中一个标签页为例录制完成后，在标签页的上方点击停止分享的按钮，回到录屏网站，点击停止按钮这个时候可以看到下方播放区域已经在自动播放录屏了。点击录屏下载按钮可以下载录制好的视频点击转换为GIF按钮，将录屏转换为高清GIF

推荐一款在线免费的录屏网站（一键录屏 https://www.mnggiflab.com/screen-recorder），可以很方便的对电脑端进行录屏，并且可以将录制好的视频转换为GIF导出首先打开 录屏网站(https://www.mnggiflab.com/screen-recorder) ，点击开始录制可以选择录制整个屏幕，录制单独的窗口，以及录制浏览器的某个标签点击 [分享系统中的音频] 可以录制声音点击录屏预览部分后，点击分享即可开始录制录制完成后，点击停止录制点击录屏下载按

打开 在线编辑gif(https://www.mnggiflab.com/gif-editor) 网站，上传你的gif表情文件，右键素材添加到编辑区后，点击全选按钮选中所有图片点击编辑按钮，调整gif的尺寸和比例在剪裁比例中选择需要的比例尺，拖拽剪裁框来调整剪裁范围，点击剪裁按钮进行剪裁剪裁完成后，点击完成按钮返回主界面，点击导出按钮即可...

经常在网上遇到过很多有趣的表情包，但是下载到本地后发现gif文件特别大，有没有办法能够把一个大的gif分解成多个小的gif呢？首先，打开 在线编辑gif(https://www.mnggiflab.com/gif-editor) 网站，上传好你的gif后，将其添加到编辑区进行分解然后选中前面一半的图片，点击导出按钮，即可将这部分图片合成为一个小的gif了再点击取消选中，然后选中后面部分的图片，再点击导出操作，就可以导出后面部分的gif了...

大家在网上经常会看到很多有趣的gif表情包，尤其是里面有部分图片非常惊艳，想要把这些图片保存下来，比如下面这个“大郎吃药”的动图首先，打开网站 在线编辑gif表情包(https://www.mnggiflab.com/gif-editor) ，上传你的gif表情包文件右键，将gif添加到编辑区进行分解选中你觉得好看的图片，点击编辑区工具栏里面的下载按钮就可以把这些图片下载到本地了下面是下载好的图片...

gif表情包太大了怎么办，有没有什么办法减少它的尺寸呢？这里推荐两个办法：1.对它进行压缩，打开 在线压缩gif文件 网站，上传你的gif文件，选择压缩品质，然后进行压缩，如果压缩效果达不到要求，可以进行多次压缩2.一般使用方法1就足够了，当你的gif文件经过压缩后尺寸还是达不到要求，或者尺寸达到要求了，但是画面清晰度较低的时候，可以使用这个方法进行处理，打开 在线剪辑gif表情包 网站，上传你的gif文件，将它添加到编辑区进行分解。选中你觉得多余或者重复的图片，点击删除按钮进行删除全选所有

如何保存gif表情包里面的部分图片？大家在网上经常会看到很多有趣的gif表情包，尤其是里面有部分图片非常惊艳，想要把这些图片保存下来，比如下面这个“大郎吃药”的动图首先，打开网站 在线编辑gif表情包 ，上传你的gif表情包文件右键，将gif添加到编辑区进行分解选中你觉得好看的图片，点击编辑区工具栏里面的下载按钮就可以把这些图片下载到本地了下面是下载好的图片...

如何把视频转换为gif动图使用网站（https://www.mnggiflab.com/video-to-gif）可以很方便的将视频（mp4 等 web 支持的视频格式）转换为 gif 动图格式，本网站利用 web 的 video 标签将视频解析为一系列图像帧，再将各帧合并成 gif 动图，包含了一键自动选帧、设置每帧的延迟、视频尺寸裁剪、gif 动图预览、gif 动图免费下载等功能，下面是操作方法：界面总览下面是视频转 gif 的主要功能界面上传视频上传视频，点击上传视频按钮，选择本地视频文.

步骤v8-profiler-node8CPU性能分析https://www.speedscope.app/v8-profiler-node8安装好v8-profiler-node8npm i v8-profiler-node8CPU性能分析在要测试的代码块前后进行profiling,然后将profiler保存至本地文件const profiler = require('v8-profiler-node8')const start = () => { profiler.startPr

前言：最近对前端的兴趣越来越大，于是决定把之前量化回测的代码从java改为用ts重写，数据api使用python的tushare包提供。我在调用api的时候想要写一个函数缓存，因为有的数据量特别大，每次调用都比较耗时，在java里面我可以使用HashMap来实现，在js里面呢？我在es6里面找到了Map这个数据结构，但是一番尝试后我发现Map只能对基本的数据类型使用值作为key的存储，如果值是对象的话，key存储的是这个对象的引用。于是我决定自己实现一个简单的HashMap，目前的实现很简单，如果键是基本类

以前单独使用webpack的时候，我们知道在开发过程中可以配置devServer里的proxy，从而访问后端提供的接口。react内部也是使用的webpack那么怎么去配置proxy呢，我在react的官网里并没有找到，没有办法在网上找了很久的资料终于找到了方法：在package.json里配置，可是为什么这样配置就可以让webpack知道这个proxy？react提供了create-react-app来简化创建app的过程，但是也隐藏了很多的配置细节，通过package.json中scripts里的ej