![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
just_do_it_123
为兴趣而生
展开
-
一个免费、简单、功能齐全的在线录屏应用
最新上线了新版本的在线录屏(https://www.mnggiflab.com/product-mng/recording),功能比之前的版本丰富了很多,支持摄像头录制、多种音频选择、固定区域录制、设置录制背景、定时录制等。点击选择摄像头,可进行摄像头录制,摄像头可进行拖拽移动,在右上方的设置区域可对摄像头录制进行形状、宽高、圆角等设置。选择好录屏窗口后,进入到下面的录制区域选择界面,调整并拖动选择框选择固定区域录制,也可点击跳过按钮录制完整窗口。设置完成后,点击下方的开始录制按钮进行录制。原创 2023-12-14 14:21:58 · 424 阅读 · 0 评论 -
可以设置压缩大小的在线GIF压缩
最近对gif压缩页面进行了更新,之前每次压缩都会自动下载,但是大多数时候压缩gif都需要调整参数,有的时候并不能一次性设置好,如果每次压缩都下载下来就会导致下载目录下有非常多的压缩文件,非常混乱。于是我增加了压缩历史的功能,支持压缩前后对比预览,批量下载压缩结果。每次设置好压缩参数后,点击压缩,压缩完成后,会显示一个gif列表,列表里面显示了gif压缩前后的尺寸和大小,另外还支持压缩前后对于预览。压缩完多个gif后,可以点击下载全部按钮,点击后将会下载一个包含所有压缩历史的zip压缩文件。原创 2023-02-06 22:42:36 · 186 阅读 · 0 评论 -
上线了新版在线GIF压缩功能,支持指定压缩大小
最近上线了新版本的gif压缩功能,可以指定gif尺寸,压缩大小以及自动抽帧比例。挺好用的,尤其是制作微信表情包和发GIF头条的时候,应该很好用 (https://www.mnggiflab.com/product/gif-compress-v2)上传一个1.7M的gif,指定压缩大小为500kb,自动抽帧比例为30%,点击压缩即可。如果压不到想要的大小,可以调整抽帧比例以及宽度。...原创 2022-08-16 17:11:09 · 454 阅读 · 0 评论 -
可以在电脑上在线录制视频GIF的软件,不需要下载安装
并打开在线录屏网站https//www.mnggiflab.com/product/screen-recorder。录制完成后,回到录屏页面,点击停止录制按钮完成录屏。点击录屏转GIF按钮可跳转到视频转GIF页面。对录屏进行剪裁、添加水印、并转换成GIF。点击录屏按钮开始录制视频。...原创 2022-07-20 18:41:20 · 236 阅读 · 0 评论 -
把录制的视频进行剪裁并转换成GIF
在线录屏(https://www.mnggiflab.com/product/screen-recorder)的页面更新了,现在录制好视频后,点击录屏转GIF按钮可以直接跳转到视频转GIF页面()https://www.mnggiflab.com/product/video-to-gif进行剪裁啦,不需要手动上传录制好的视频文件,第一次跳转可能花费的时间稍长,后面就很快了在这个页面里面可以对录屏文件进行剪裁,支持各种比例剪裁,还支持圆形剪裁框。剪裁好了后还可以添加文字水印和图片水印。使用下面的工具条原创 2022-07-08 16:31:37 · 173 阅读 · 0 评论 -
如何把视频转换为gif动图
如何把视频转换为gif动图使用网站(https://www.mnggiflab.com/video-to-gif)可以很方便的将视频(mp4 等 web 支持的视频格式)转换为 gif 动图格式,本网站利用 web 的 video 标签将视频解析为一系列图像帧,再将各帧合并成 gif 动图,包含了一键自动选帧、设置每帧的延迟、视频尺寸裁剪、gif 动图预览、gif 动图免费下载等功能,下面是操作方法:界面总览下面是视频转 gif 的主要功能界面上传视频上传视频,点击上传视频按钮,选择本地视频文.原创 2021-10-22 14:47:06 · 2067 阅读 · 0 评论 -
我的第一个npm包
前言:最近对前端的兴趣越来越大,于是决定把之前量化回测的代码从java改为用ts重写,数据api使用python的tushare包提供。我在调用api的时候想要写一个函数缓存,因为有的数据量特别大,每次调用都比较耗时,在java里面我可以使用HashMap来实现,在js里面呢?我在es6里面找到了Map这个数据结构,但是一番尝试后我发现Map只能对基本的数据类型使用值作为key的存储,如果值是对象的话,key存储的是这个对象的引用。于是我决定自己实现一个简单的HashMap,目前的实现很简单,如果键是基本类原创 2020-09-24 11:14:03 · 133 阅读 · 0 评论 -
react在package.json里配置proxy的原因
以前单独使用webpack的时候,我们知道在开发过程中可以配置devServer里的proxy,从而访问后端提供的接口。react内部也是使用的webpack那么怎么去配置proxy呢,我在react的官网里并没有找到,没有办法在网上找了很久的资料终于找到了方法:在package.json里配置,可是为什么这样配置就可以让webpack知道这个proxy?react提供了create-react-app来简化创建app的过程,但是也隐藏了很多的配置细节,通过package.json中scripts里的ej原创 2020-09-22 16:59:24 · 3361 阅读 · 0 评论 -
ts实现观察者模式
下午写了两篇文章后也没什么事情,就看了会javascript框架设计的书,看到观察者模式,如下面代码:下面用ts实现了一遍type Func = (...args: any) => void;class PubSub { handlers: { [index: string]: Func[] }; constructor() { this.handlers = {}; } // 订阅事件 on(eventType: string, handler: Func)原创 2020-05-21 18:25:46 · 543 阅读 · 0 评论 -
js正则断言及其他
先行断言/x(?=y)/匹配x,x必须在y的前面,如:"90, 91%, 100%".match(/\d+(?=%)/g)>> ["91", "100"]先行否定断言/x(?!y)/匹配x,x后面不是y(注:match的参数正则是全局匹配时,返回的数组里的元素是正则匹配的结果,当参数正则不是全局匹配时,返回的数组里第一个元素是正则匹配的结果,第二个元素是()提取的结果)"90, 91%, 92".match(/\d+(?!%)/g)>> ["90", "9",原创 2020-05-11 18:30:55 · 294 阅读 · 0 评论 -
js数组的默认排序
js数组的默认排序是将数组的元素按照字符串的unicode进行排序,比如数组:[-10, -1, 2].sort()的排序结果为: [-1, -10, 2]。将[-10, -1, 2]的每个元素转换为unicode字符串如下:[-10, -1, 2].map(item => (item + "").split("").map(i => i.charCodeAt(0).toStrin...原创 2020-04-28 11:33:09 · 899 阅读 · 0 评论 -
div填满页面问题
作为前端小透明,最近遇到一个需要两个div在垂直方向上填充满整个页面的问题,具体效果如下:<div class="out"> <div class="one">1</div> <div class="two">2</div></div>在网上找到的方法如下:.out { position: ...原创 2020-04-13 16:26:15 · 548 阅读 · 0 评论