之前一直想用Canvas做表格渲染的，最近发现了一个很不错的Canvas绘图框架Leafer，api很友好就试着写了一下。     表格渲染主要分为四个部分，1、表头渲染，2、表格渲染，3、滚动条渲染

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

假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断鼠标点到了哪个节点呢....

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

讨论一下 Vue2 以及 Vue3 的 diff 算法，以讲解对比更新流程为主，不掺和一行 diff 算法源码，可以理解为 diff 算法流程的图文版🤔

一、引言 编辑器是人机交互最复杂的场景之一，核心需求是 WYSIWYG，所见即所得。 核心痛点也一直很明确：WYSIWYG 的衍生需求越来越复杂、实现难度越来越大： WYSIWYG 生产实现 文本输入

拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性都搞上

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！