主要内容以协同编辑技术为主，也会谈谈对技术发展的理解。包括协同编辑绵连的问题，一致性算法 OT 和 CRDTs，还有开源协同解决方案：基于OT的 ShareDB 和 基于 CRDTs 的 Yjs。

近期，基于 Yjs 实践了在线协作的思维导图。本文简单谈谈个人关于 CRDT 和 Yjs 的一些见解。CRDT 是什么？简单来说，CRDT是一种可以在网络中的多台计算机上复制的数据结构...

大家好，我是前端西瓜哥。今天讲一下图形编辑器如何实现历史记录，做到撤销重做。 其实就是版本号的更替。每个版本保存一个状态。 数据结构 要记录图形编辑器的历史记录，支持撤销重做功能，需要两个栈：撤销（u

使用 coturn：https://github.com/coturn/coturn/wiki/CoturnConfig 搭建了一个内网 stun 服务，替换了 google stun服务。

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。 为什么要使用WebRTC

随着B站、抖音、快手、淘宝直播等直播视频平台的快速崛起，前端衍生出了多媒体技术方向，各公司的传统前端团队里陆续出现了一支新军：Web多媒体团队。光看团队Title，这应该是一个拥有前端×多媒体交叉领域

一类是相似度很高的项目，比如管理后台，这类项目的页面通过各种公共组件搭建而成。公共组件的复用性很高，所以质量尤为重要。如果开发人员在修改了公共组件之后留下了bug，那么将会直接降低了整个项目的质量。我希望让程序去测试这些公共组件，保证每一个公共组件是可用的。 另一类是公司的核心…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…