还记得这篇文章吗？当vue3-tree-org当vue3-tree-org成功实例化后，在控制台上会展示一个较为漂亮的打印信息，如下图。 诶？这又是怎么实现的呢？今天就来分享一下。 答案在浏览器的控制台中，可以通过console.log

需求场景数据量过大，需要分批加载，然而在PC端不做分页竟然做滚动加载，这样的需求其实挺少见的，PC端更适合用分页去做。 调研 better-scroll： 主要致力于解决移动端滚动场景，对我来说太重了 vue-infinite-scroll

需求场景我们有一个生产计划追溯的功能模块，主要将产品的生产过程全部追溯出来，包含了操作人员、设备、批次、配方等等。 调研起初我在echarts里看到了树形图，试着实现了一下，发现定制化有限，根本满足不了需求。然后我又试了AntV G6，翻了

被复用的数据源一个常见的Tab页切换功能，因为做的太多了，所以我自然而然采用一个数据源对照不同场景的方式去解决。但是这次比较特殊，每种类型处理起来很繁琐，还得记住各种状态，导致我实现过程中不但写的难受，而且屡屡出现bug。 思维的转折同事的

需求用户输入搜索关键字时，需要将匹配的文本高亮显示。 效果演示 核心要素 Highlight 对象 通过 new Highlight() 创建，用于存储所有需要高亮的文本范围（Range）。 highlight.add(range)

需求很常见，就是当用户在表单页面做了编辑操作，但是没保存就离开页面，需要跳出模态框，提醒用户还没保存。 23年的一个React项目也做到了这个需求，当时结合react-router-dom和ant design react Form实现