我的蓝猫被削了

桌面端开发笔者也是第一次介入，Electron 也是第一次接触，社区上的轮子确实不少，但这样很通用的多标签页效果也没有一个成熟的三方库。笔者在这里简单的实现了一个，也是五脏俱全。

众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…

yjs 是 CRDT 的一种实现。本文翻译了 yjs 的支撑论文中的部分内容，用于理解 yjs 的实现原理。

| 导语 其实在前端编码中，或多或少都会接触到沙箱，可能天真善良的你没有留意到，又可能，你还并不知道它的真正用途，学会使用沙箱，可以避免潜在的代码注入以及未知的安全问题。 沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创…

作为 react 技术栈的同学来说，redux 可谓是老常客 —— 一个主要用于状态管理的框架，经常出现在各种大大小小的项目中，其重要性不言而喻。对于如此重要的状态管理库，如果能知其然，也知其所以然（了解其内部原理），想必能给我们的工作、学习带来很大的帮助。 笔者最近在解读 r…

上一篇文章《音视频学习（一）-- 基础知识准备》我们对音视频的基础知识有了一个大概的了解，这篇我们来深入了解一下视频的编码技术。 500 多 G 的电影显然太大了，下载耗时也占地方，在线看也很慢，毕竟我们平时看的一般也就几个 G 而已。所以我们要对视频进行 压缩，而 编码 就是…

Redux 的状态管理理念非常优雅，随之附带的时间旅行调试支持也非常酷炫。但这个特性是否是传说中的银弹，又会给使用者带来什么额外的负担呢？让我们重新思考一下吧。 在 2015 年的 React Europe 会议上，Dan Abramov 展示了通过 Redux DevTool…

有没有那么一种可能，在前端页面处理音视频？例如用户选择一个视频，然后支持他设置视频的任意一帧作为封面，就不用把整一个视频上传到后端处理了。经过笔者的一番摸索，基本实现了这个功能，一个完整的demo：ffmpeg wasm截取视频帧功能： 支持mp4/mov/mkv/avi等文件…

正则，毋庸置疑，是一个无比强大的工具。如果仔细留意，我们可以在源代码（各种语言）、编辑器、开发者工具、命令行等地方看到正则的身影。学习使用正则，不仅有趣，也是提升工作效率的一条捷径。 正则的常用概念可以参考下表，主要熟记字符类型、锚点、转义字符、量词等。 基础用法相信大家都很快…