背景：随着新冠疫情的爆发，在线视频、在线教育等各种实时音视频互动系统成为了线上战疫的关键，市场对于稳定高效的音视频系统的需求也在爆发式地增长。 谈到音视频技术，作为一名前端开...
发简信
IP属地：广东
-
WebRTC入门指南 —— 实现一个完整的点对点视频通话（信令服务器+通话客户端）） -
为什么我不认识视频的播放地址了？不知道从何时起，各大主流网站的视频地址不再是我们想下载就能下载的mp4视频地址。 而是一个形如 的不知名地址，如： blob:https://www.bilibili.com...
-
HLS 协议入门指南以及延迟优化策略HLS是什么 HLS是HTTP Live Streaming[https://zh.wikipedia.org/wiki/HTTP_Live_Streaming] 的缩写，是...
-
手摸手教你写一个chrome extension什么 chrome extension chrome extension，也就是我们平时所说的浏览器插件，是可以定制 Chrome 的浏览体验的程序，它能够让开发者可以根据个...
-
RGB & YUV 详解作为一名前端开发人员，我们时常会接触到RGB，但YUV的话，可能大部分同学都没有了解过。其实RGB和YUV都是应用比较广泛的颜色空间。今天，我们来详细的了解一下RGB和YUV...
-
利用Intersection实现下拉加载数据
在我们进行业务开发的过程中，常常会碰到下拉加载列表数据的需求。本文将介绍如何利用Intersection API实现一个简单的下拉加载数据的demo。 传统的下拉加载方案 传...
-
浅入浅出IntersectionObserver并实现一个简单的图片懒加载组件
在日常的业务开发当中，我们常常需要依赖DOM元素的可见性来完成某些需求，如图片的懒加载、数据列表的下拉加载等场景。 传统的实现方式 传统的/DOM元素的可见性检测方案大多数都...
-
探索React源码：Reconciler在探索React源码：初探React fiber[https://juejin.cn/post/7035628270439809055]一文我们提到： React16之后，R...
-
探索React源码：React Diff本篇文章我们来了解一下Diff算法的实现过程。 相关概念 React中的各种节点 假设当前存在一个DOM节点，触发了一次更新，那么在协调的过程中，会有四种节点和该节点相关联：...
-
探索React源码：初探 React fiber为何引入fiber 上图是是 在介绍React哲学时说的一段话，这其中包含了React的设计理念——快速响应。 但我们都知道，JavaScript 是单线程运行[https:...
-
如何有效减少使用useContext导致的不必要渲染
在我们使用useContext来进行数据流管理时，每当context更新时，所有使用到该context的组件都会重新渲染。如果我们的context的数据是由多个部分组成的，但...
-
-
webpack5上手指南前言 webpack5正式发布已经大半年了，一直囔囔着要去看看这次更新带来了哪些新特性，但是因为实在是太（xue）忙（bu）了（dong），所以一直没有去实践。但作为一名热爱...
-
前端——利用File signature精准校验文件类型
背景：在进行文件上传时，往往需要对上传文件的类型进行限制。最简单也是最常用的文件类型校验方法，是直接校验文件的拓展名，但由于拓展名可以手动随意修改，因此这种方式并不保险。那么...
-
谈谈MediaStreamMediaStream 是连接 WebRTC API 和底层物理流的中间层，webRTC将音视频经过Vocie / Video engine进行处理后，再通过MediaStr...
