趣味console.log 还记得这篇文章吗?当vue3-tree-org当vue3-tree-org成功实例化后,在控制台上会展示一个较为漂亮的打印信息,如下图。 诶?这又是怎么实现的呢?今天就来分享一下。 答案在浏览器的控制台中,可以通过console.log 2025-06-04 编程 js vue3轻松实现无限滚动加载 需求场景数据量过大,需要分批加载,然而在PC端不做分页竟然做滚动加载,这样的需求其实挺少见的,PC端更适合用分页去做。 调研 better-scroll: 主要致力于解决移动端滚动场景,对我来说太重了 vue-infinite-scroll 2025-05-29 编程 vue vue3实现产品追溯示意图 需求场景我们有一个生产计划追溯的功能模块,主要将产品的生产过程全部追溯出来,包含了操作人员、设备、批次、配方等等。 调研起初我在echarts里看到了树形图,试着实现了一下,发现定制化有限,根本满足不了需求。然后我又试了AntV G6,翻了 2025-05-23 编程 js css 代码里的哲学 被复用的数据源一个常见的Tab页切换功能,因为做的太多了,所以我自然而然采用一个数据源对照不同场景的方式去解决。但是这次比较特殊,每种类型处理起来很繁琐,还得记住各种状态,导致我实现过程中不但写的难受,而且屡屡出现bug。 思维的转折同事的 2025-05-18 人生的旷野 人生 前端轻松实现搜索文本高亮 需求用户输入搜索关键字时,需要将匹配的文本高亮显示。 效果演示 核心要素 Highlight 对象 通过 new Highlight() 创建,用于存储所有需要高亮的文本范围(Range)。 highlight.add(range) 2025-05-13 编程 js css 如何优雅地离开未保存的表单页面? 需求很常见,就是当用户在表单页面做了编辑操作,但是没保存就离开页面,需要跳出模态框,提醒用户还没保存。 23年的一个React项目也做到了这个需求,当时结合react-router-dom和ant design react Form实现 2025-05-07 编程 工具 ai