百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
Y

yo-yo

> 编程语言
开源

一个小型库,用于使用 DOM 差异和 ES6 标记模板字面量构建模块化 UI 组件

1.3K stars0 点赞2 次浏览
访问官网GitHub

工具介绍

一个小型库,用于使用 DOM 差异和 ES6 标记模板字面量构建模块化 UI 组件

yo-yo.js

这是一个小型库,用于使用 DOM 差异 和 ES6 标记模板字面量 构建模块化 UI 组件,由 bel 和 morphdom 提供支持,并基于"yo-yo"数据绑定模式:数据向下,操作向上。 yo-yo 使用 choo 框架,如果你想要更高级的东西,不妨去看看! 或者如果你想要更低级的东西,可以看看支持 yo-yo 的模块: bel 开始使用非常简单,只需 var element = yo`<h1>hello world!</h1>` 在 RequireBin 上在浏览器中旋转 yo-yo。

特性

  • React 样式的模块化 UI 组件,可以高效地自行更新
  • 构建自己的框架:与 yo-yo 兼容的小模块,可自行选择权衡点
  • 使用当前浏览器中提供的功能,而不是发明新的语法/API
  • 专为 模板字面量 而设计,这是 JS 中内置的模板功能
  • 使用基于真实 DOM 的 默认 DOM 差异 策略,而不是虚拟 DOM
  • 兼容原生 DOM 元素和原生 JS 数据结构
  • 不需要数百兆字节的开发依赖项来构建

yo-yo 是一个模块化 UI 框架,这意味着此仓库中的代码并不多,大部分功能来自其他模块(参见 index.js)。yo-yo 的目标是选择一组良好的默认依赖项,在一个地方记录如何一起使用它们,并使用足够小的依赖项,以便您可以在独立的 UI 组件模块中包含 yo-yo 的副本,并将其发布到 npm。

您可以简单地执行 require('yo-yo') 来开始,但随着应用的增长,您很可能会选择不同的权衡(添加或移除依赖),而 yo-yo 就是为了让您能够做到这一点,而无需重写所有代码。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言