江南月

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

canvas并不会主动维护一个层级关系，我们能做的事情，只有画圆、画矩形、画线等，至于像DOM那样，在一个节点上调用appendChild来给这个节点添加子节点这种事情，在canvas里是不存在的..

本文介绍了图片的Exif数据的二进制结构，Exif数据是如何嵌入到JPEG格式的图片中的。最后还使用Vue实现了一个可以读取、编辑并保存JPEG图片Exif数据的应用，可打包为Vue组件。

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会

本文通过对exifjs库的分析和学习，了解exif相关标准。通过根据exif标准实现信息的获取方式，学习js中关于二进制的操作方法。

随着云上办公和远程工作的普及，越来越多的在线办公软件加入了协同编辑功能，使得多人能够同时编辑同一份资源，提高工作效率。 对于多人协作，开发人员通常使用 git 作为版本管理工具来并行开发需求，通过 m

像这样的一个富文本编辑器，它背后的工作原理是什么呢？ 其实只要清楚这两个问题就好了。第一个问题就是：在浏览器上我们如何去呈现富文本。第二个就是：在浏览器上我们如何去编辑富文本

虚拟滚动是一种优化长列表性能的技术，其通过按需渲染列表项来提高浏览器运行效率。在实际调研的过程中，我发现几乎没有关于在线文档编辑的性能优化方案文章，那么对于我来说几乎就是从零开始调研整个方案。

一直重复上一步，直到不需要交换或交换到根节点，此时插入完成。 原地建堆的方法有两种：一种是承袭上面插入的思想，即从前往后、自下而上式堆化建堆；与之对应的另一种是，从后往前、自上往下式堆化建堆。其中 所以，自下而上式堆是调整节点与父节点（往上走），自上往下式堆化是调整节点与其左右…