创作不易，猪猪叹气！这边文章写了我一整天的时间，我努力的将整个文章的思想都加上了注释，代码量有点多，但是满满的干活！希望有收获的同学能够轻轻的点一个赞~

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 「“小帮手”」，他们各个身怀绝技，拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后，你将能够轻松应对大多数的图片处理场景。 不过在介绍 「“小帮手”」 前，阿宝哥会先介绍一些图片相关的基础知识。此外，为了让小伙伴们…

这大半年来，猫哥已经推荐过超过 50个专题， 450 个超级好的开源项目了，今天把往期推荐过的文章与项目做个合集吧，方便大家能快速得查阅到想要的项目。

讲前须知 WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的 API。

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

本文介绍了 WebRTC**完美协商**，描述了它的工作原理以及为什么它是在对等方之间协商 WebRTC 连接的推荐方式，并提供示例代码来演示该技术。

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

最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…