核心内容摘要
CSS 选择器 (1) 核心语法规则、常见的选择器分类
Node-Next.js 进阶
在选型 Vue.js 思维导图组件时，常见技术问题是：**如何在满足协作编辑、富文本节点、拖拽布局、导出 PNG/PDF、历史撤销等核心业务需求的前提下，将生产构建体积（如 `node_modules` 中依赖的 gzipped 大小）控制在 150KB 以内？** 许多流行方案（如 `vue-mindmap` 或基于 `mxGraph` 的封装）功能完备但依赖庞杂，单组件引入即增加 400KB+；而轻量库（如 `simple-mind-map`）虽仅 30KB，却缺乏 TypeScript 支持、Vue 3 Composition API 兼容性及服务端渲染适配。更棘手的是，部分组件将 SVG 渲染、布局算法、事件系统深度耦合，难以按需摇树（tree-shaking），导致未使用的缩放/主题切换模块仍被打包。开发者常陷入“全量引入保功能”与“手动魔改源码求精简”的两难——既影响迭代效率，又埋下维护隐患。
