作为一个拥有超过 10,000 个 Star 的前端底层可视化框架，AntV G6 拥有大量用户，因此包体积优化一直是我们关注的重点之一。在 G6 5.0 中，我们采取了多种优化措施，有效地精简了包体

背景     最近在升级一个老项目，其中涉及将codemirror5迁移到codemirror6，本文特意记录一下codemirror6的学习及升级过程~ 介绍     CodeMirror是Web的

官网 Demo 相较于上一个版本，Codemirror 6在保持和版本5基本兼容的情况下进行了一次较大的重构，在使用和维护上都有了很大的进步。 首先需要注意包名的区别，版本5中的@codemirror

CodeMirror 6+ vue3实现Atomic Ranges(标签插入/原子) 功能，直接复制代码即可实现效果

最近开发了一个功能，页面首页会加载大量的图片，初次进入页面时，会导致页面性能下降， 于是乎，我改进了这个功能，可以让所有图片自动懒加载。 🚀 原理 这个功能主要的底层逻辑是是使用Intersectio