阿阿阿阿阿阿杰

大家一定在 VSCode、JetBrains 系列的编辑器体验过插件的强大，有时候选择一款编辑器也有考虑插件的生态，所谓编辑器好不好用就看插件支持的怎么样，该篇会介绍富文本编辑器的扩展核——插件机制。

上篇讲了关于原生选区的一些知识，该篇讲讲主流框架 slate 是如何构建和操作选区的。 Slate Selection slate 的 selection 是用来表示一个元素或节点的位置，结构如下：

本文是编辑器底层 Web JS API 的第二篇，主题是继上篇那些好奇点中的选区那些事儿，选区是编辑器核心中的核心。

测试的意义： 1. 保证代码的正确性，提升代码质量是它最高的使命。 2. 保证代码的安全性/稳定性，当对某段代码改动后，测试会告诉哪些代码受到了潜在的问题。 3. 可以指导写代码的思路......

你对富文本编辑器的那些功能/技术好奇过吗？比如： - 编辑器为啥可以输入/插入文本，它是一个 input 或 textarea 吗？ - 如何知道内容插到哪个位置的？光标是如何定位的？

这是一个骚操作......因为目前为止 js 还没有提供可以直接设置伪类的 API，但是程序界流传着这样一句话：**任何解决不了的问题都可以引入一个第三方去解决**

前言 打开此文的小伙伴想必对 RxJS 已经有了或多或少的了解，如果没有倒也无妨，因为下面会从零开始讲起；如果你带着几个问题来翻阅，本人也希望此文可以带你找到答案。 温馨提示：文章内容较长，建议收藏反

回压/背压是管道思想中一个核心概念，为了更容易理解，先来举个的例子：有一条河流，分上游和下游，水流速度是固定的，上下游的河宽也是相等的，有一天下游旁的山出现了滑坡，滑下来的土使河道变窄了，这时水流就会

都说 RxJS 入门难，因为它涉及响应式、函数式等编程范式，也涉及了观察者、迭代器等设计模式，本文将抛开这些晦涩难懂的概念，从流的角度看 RxJS，简单直观的看它如何解决实际问题。 RxJS 数据流