![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 65
倾尽天下yhs
随时准备转行的菜鸟前端
展开
-
web端video截图和录屏功能的实现
web端video截图和录屏功能的实现前言平常在用视频app,特别是一些摄像头监控软件的时候,经常会对直播、回放的视频进行抓拍录屏的操作。今天就来实现一下这两个功能思路截图: 主要是利用canvas的drawImage和toDataURL两个方法。将获取到的video标签加入到canvas中,然后再将canvas导出为图片。drawImage: 可以在画布上绘制图像、画布或视频;也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸;toDataURL: 返回一个包含图片展示的 da原创 2022-05-04 23:52:51 · 3073 阅读 · 7 评论 -
【JS】JavaScript之闭包的详细解释
前言闭包在js中应用非常广泛,也是极为重要的知识点。刚开始了解闭包时也是云里雾里,花了好长时间才搞明白。下面来详细叙说一下闭包的知识。一、准备知识要理解好闭包的概念,我们首先得清楚下面的三个知识点:作用域(全局变量和局部变量)链式作用域结构js垃圾回收机制1、作用域变量作用域分为全局变量和局部变量先看下面一段js代码 var name = '小明' funct...原创 2020-03-25 03:02:03 · 198 阅读 · 0 评论 -
【JS】节流、防抖的介绍
前言刚开始看到这三个名词有点不知所措,不清楚到底指的是啥,后面了解了才知道其实我们有时已经使用过了,只是不知道这一个名词而已。下面就来详细的介绍一下。节流1、概念:控制函数在某个时间段内只触发一次一个简单的例子,比如最近因为国外疫情的爆发,很多人选择回国。那么这段时间安检人员进行安检是一个持续触发的事件,然后我们控制安检人员每30s执行一次安检。这就是节流:控制函数在某个时间段内只触发一...原创 2020-03-21 00:20:21 · 127 阅读 · 0 评论 -
【 JS 】什么是JavaScript事件冒泡、事件捕获和事件委托
前言在W3C事件模型中,一次事件的发生包含3个过程1.捕获: 先由文档的根节点document(window )接收,然后逐级向下传播,直到具体的事件元素2.目标: 事件源,触发事件3.冒泡: 与捕获相反,逐级向上,直到文档根节点(1)可以简单理解为事件发生的顺序不同,(2)绑定事件方法addEventListener(“事件名”,事件function,true),第三个参数默认为fa...原创 2020-02-21 00:41:27 · 223 阅读 · 0 评论