首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
MichaelCocova
掘友等级
获得徽章 16
动态
文章
专栏
沸点
收藏集
关注
作品
赞
546
文章 537
沸点 9
赞
546
返回
|
搜索文章
最新
热门
从 0 到 1 开发 Splicetree无头树:勾选与半选:checkable 的行为设计
适合权限树、批量选择等场景:支持向下级联与向上计算半选。 node.isChecked() node.isIndeterminate() node.toggleCheck(checke
从 0 到 1 开发 Splicetree无头树:选择能力:selectable 的行为设计
selectable 是“行为插件”,消费输入事件,实现: 单选、复选(Ctrl/Cmd 切换) Shift 范围选择 配合键盘方向实现导航选中
从 0 到 1 开发 Splicetree无头树:事件系统与插件机制:可组合的交互
SpliceTree 核心通过事件总线把“输入”“行为”“刷新”串起来,插件通过注册进入运行时进行扩展。
从 0 到 1 开发 Splicetree无头树:可见节点计算:把“状态”变成“渲染列表”
UI 层最关心的就是“当前该显示哪些节点”。核心通过维护展开状态与层级关系生成“可见节点列表”。懒加载与搜索会影响可见性,均通过事件驱动刷新
从 0 到 1 开发 Splicetree无头树:核心数据模型-扁平数据到可操作的树
SpliceTree 面向“扁平数据”(常见的 id/parent 结构),核心负责把它组织成运行时树,提供精简 API。 输入数据 核心选项 keyField:唯一键字段,默认 'id' paren
从 0 到 1 开发 Splicetree无头树:项目搭建与 Monorepo
为了同时维护核心、插件、适配器与文档,我们使用 Monorepo。包结构清晰、构建与发布方便、类型共享更顺手...
从 0 到 1 开发 Splicetree无头树:为什么做一个无头树(Headless Tree)
树的难点不在“长什么样”,而在“怎么交互”。展开/收起、勾选/半选、拖拽、搜索、键盘导航、单选/多选/范围选择……如果把这些都写在组件里,维护成本会越来越高...
SpliceTree:一个“只管逻辑不管 UI”的无头树,让树形交互更好写
SpliceTree 是一个无头(Headless)、框架无关的树运行时。专注树的结构、状态与行为,通过插件扩展勾选、拖拽、搜索、懒加载、键盘/点击选择等能力;UI 渲染由你决定
提升 Vue 项目开发效率:useDelayedRender 实现延迟渲染
useDelayedRender是一个Vue 3 Hook,用于监听indicator变化,延迟更新 intermediateIndicator,并支持自定义回调,适用于弹窗、动画等平滑切换场景
提升 Vue 项目开发效率:高阶组件 RenderFunction 的灵活性与实战应用
RenderFunction3组件,允许外部通过props传递渲染函数(renderFunc)来动态定义组件的渲染逻辑。它的核心作用是提供更高的灵活性,使得组件的UI结构可以在不同的场景下自定义
下一页
个人成就
文章被点赞
170
文章被阅读
19,668
掘力值
1,326
关注了
16
关注者
40
收藏集
9
关注标签
24
加入于
2019-08-11