二夏

虚拟列表是目前比较常见的长列表性能优化手段，常用于直播场景下的评论等。当列表元素过多时，全部渲染到页面中，无疑会引起卡顿等性能问题。虚拟列表是只将列表容器内处于视野中的内容...

在上一篇浅聊WebRTC视频通话中，我们了解了WebRTC的基本原理以及如何实现一个p2p通话。但是在项目实际应用中，我们如何排查问题，如何对音视频通话质量做监控呢？不管接...

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复...

背景 直播基础知识 下图是一张简单的直播过程图，从图中可以看出，主播端部分其实就是推流部分，而观众端是拉流部分。其中推流部分主要涉及音视频数据的采集，预处理，编码，和封装。...

前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议...

完成音视频通话需要了解四个模块：音视频采集、STUN/TURN 服务器、信令服务器、端与端之间P2P连接。使用WebRTC的API完成音视频采集，配合信令服务器和WebRT...

前言 在我们使用一个组件库的时候，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息： 组件的描述 组件 Demo 示例的展示、描述和源码 组件的参数文档 要是纯...

前言 随着多媒体行业的快速发展，大家对于视频分辨率、码率的要求也越来越高。与此同时，PUGC 用户也希望提供出更加优质、良好体验的视频内容来收获更多的粉丝。这样也就出现了大...

最近，自己在做的项目要搞一波大改版，鉴于webpack5有下图中的这么多好处，不如趁机附带下搞升级 说整就整 升级webpack到最新稳定版本，目前来看是 升级过程中遇到的...

其实这篇文章只是对Inside look at modern web browser系列文章的总结。之前看过别人翻译的，感觉不是很通顺，就自己看了原文，并记录下个人的理解。...