dtree.js JavaScript树形组件
树形菜单的老朋友——dtree.js，专门那种层级结构比较复杂的场景，像组织架构、导航目录、文件系统啥的都挺合适。它是用纯 JavaScript 写的，没啥依赖，挺轻量，集成也方便。
dtree.js的核心思路是通过对象数组来构造节点结构，你可以用它的 API 来操作这些节点，比如添加、删除、展开、折叠，交互逻辑全都包好了。响应也快，尤其适合需要动态加载或大数据量的场景。
样式这块，它带了个dtree.css，基本样式都写好了，你想换颜色、改字体，或者用自己的图标，都可以直接改 CSS。图标那块，它用了img文件夹来放展开/收起的箭头啥的，想自定义也简单。
用法也不复杂，基本流程就是：
1. 在 HTML 里引入 dtree.css 和 dtree.js
2. 页面上搞个容器，比如一个 dtree 的方法创建树实例，传进去节点数据就行
4. 需要交互？加事件监听就好，比如点击展开节点、拖拽等注意一点，它的文档不算详细，多时候要靠看源码或者社区文章来摸索。比如你想做图标自定义，可以参考这篇文章，讲得还挺清楚。
如果你项目里刚好有个层级展示的需求，又不想引入太重的框架，dtree.js还真是个不错的选择。用得顺手的话，记得封装一下常用方法，后续维护也方便。
文件大小：17.82KB
评论区