弹铁蛋同学

前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。 ...

一般来说，无限循环被认为是不好的做法。但在一些边界 case 中，你没有任何选择，只能选择无限循环。了解 React 的无限循环模式是件好事。 当无限循环没有无法停止时，最...

ZoomUI 的 Table 组件相比 ElementUI 的 Table 组件在更新渲染方面性能提升了十倍，这是如何做到的呢？...

密码是网络应用中最常用的认证机制之一。但是在实践中使用它们会带来安全风险和复杂问题。 因此，在这篇文章中，我将讨论 SRP，一种无密码认证机制，帮助你解决密码认证中的一些主...

React Fiber 简介 —— React 背后的算法 在这篇文章中，我们将了解 React Fiber —— React 背后的核心算法。React Fiber 是 ...

这里是 React 源码分析系列的第一节。看完这篇文章，你可以理解 React 的设计理念。并对 React 源码有一些初步的了解...

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

很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜...

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

在一个惠风和畅适合写码的下午，技术群里的一位小伙伴抛出了这样一个问题 这个问题一出，立刻涌现出了四种意见 （你站哪一队？在评论区留下你的第一反应吧） 大家经常会使用 toD...

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

本文通过对一个真实mp4文件进行层层剖析，来了解一下mp4文件的具体组成。 我们借助一个在线的mp4解析工具mp4parse来进行分析和验证。 名词定义 在解析mp4封装格...

大家都说前端写页面较多，几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用，我们先来看下实现效果： 开场之前我们先来描述弹幕开发的难度，再集中精力描述算法设计...

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Exten...

HLS (HTTP Live Streaming) 是苹果公司开发的流媒体传输协议，它使用 HTTP 来传输视频，可以防止被防火墙屏蔽。DASH 一种自适应比特率流技术。...

随着科技技术发展以及人们生活娱乐方式转变，视频消费成为日常生活不可获取的一部分。为解决在复杂场景比如网络速度不足、弱网以及网络频繁抖动等情况下，用户观看视频不流畅的问题，自...

概述 React 18 将包括对 React 服务器端渲染（SSR）性能的架构改进。这些改进是实质性的，并且是几年来工作的结晶。这些改进大多是在幕后进行的，但有一些选择性机...