CBDxin

不知道从何时起，各大主流网站的视频地址不再是我们想下载就能下载的mp4视频地址。 而是一个形如blob:<origin>/<uuid>的不知名地址，如： blob:http...

背景：随着新冠疫情的爆发，在线视频、在线教育等各种实时音视频互动系统成为了线上战疫的关键，市场对于稳定高效的音视频系统的需求也在爆发式地增长。 谈到音视频技术，作为一名前端...

HLS是什么  HLS是HTTP Live Streaming 的缩写，是由苹果公司推出的基于HTTP的能自适应的流媒体传输协议，常用于直播和点播。 HLS 的工作原理是当...

作为一名前端开发人员，我们时常会接触到RGB，但YUV的话，可能大部分同学都没有了解过。其实RGB和YUV都是应用比较广泛的颜色空间。今天，我们来详细的了解一下RGB和YU...

在使用WebGL的过程中，我们会涉及到大量的坐标系，各个坐标系有各自的使用场景，我们需要通过坐标变换来将各个坐标系联系起来。今天我们就来了解一下WebGL中涉及到的各个坐标...

什么 chrome extension chrome extension，也就是我们平时所说的浏览器插件，是可以定制 Chrome 的浏览体验的程序，它能够让开发者可以根据...

背景 Chrome 更新至 94 版本后，为了保护用户免受针对专用网络（也就是内网）上的路由器和其他设备的跨站点请求伪造 (CSRF) 攻击，限制网站向专用网络上服务器发送...

在我们开发的过程中，我们很经常有碰到这样的需求，要让某个dom元素始终保持一个固定的宽高比，并且需要随着视窗的宽度 / 高度的变化自适应改变其宽度 / 高度。 直接通过js...

在日常的业务开发当中，我们常常需要依赖DOM元素的可见性来完成某些需求，如图片的懒加载、数据列表的下拉加载等场景。 传统的实现方式 传统的/DOM元素的可见性检测方案大多数...

在我们进行业务开发的过程中，常常会碰到下拉加载列表数据的需求。本文将介绍如何利用Intersection API实现一个简单的下拉加载数据的demo。 传统的下拉加载方案 ...

我们在《处理重复请求》一文中介绍过如何通过axios cancelToken结合axios 中间件来中断axios请求。但这种方法只适用于axios Promise，今天我...

在探索React源码：初探React fiber一文我们提到： React16之后，React的架构可以分成三层 Scheduler（调度） Reconciler（协调） ...

这部分的数据库写得有点乱（很乱。。。），但是socket.io的使用其实很方便，无非就是on和emit 更新中......

1. className 自动补全 有时候，我们提前定义好一些全局或者是各个组件的样式文件，然后再到 jsx 中去填写 className。这时经常会出现一些令人十分痛苦的...

我们可以通过vscode.languages.registerCompletionItemProvider方法注册vscode的自动补全。 codeLens可以在不影响代码...

背景：有时候我们会把很多重要的数据（如用户信息，权限相关信息）直接挂载在window下的，之前就碰到过因为将全局变量赋值给别的变量，导致该全局变量在代码中被多次覆写，同时在...

web端可以通过自定义URL Protocol来调用本地的应用程序。我们只需要通过一个链接如：&#x3C;a href="tencent://">打开QQ&#x3C;/a>...

背景：在我们开发的过程中，我们很经常有碰到这样的需求，要让某个dom元素随着窗口宽度/高度的变化自适应改变其宽度 / 高度，并且始终保持一个固定的宽高比。 我们先看看最终的...

各个请求受网络等因素的影响，响应返回的时间无法确定，导致响应返回顺序与请求顺序不一致，也就是竟态问题。如下图所示，期待的回调函数的执行顺序应是回调1 > 回调2 > 回调3...

MediaStream API 是连接 WebRTC API 和底层物理流的中间层，webRTC将音视频经过Vocie / Video engine进行处理后，再通过Med...