Riot - 比 Facebook React 更轻量的 UI 库

  Riot 是一个类似 Facebook React 的用户界面库,只有3.5KB,非常轻量。支持IE8+浏览器的自定义标签,虚拟 DOM,语法简洁。Riot 给前端开发人员提供了除 React 和 Ploymer 之外的新选择,值得一试。

 

 

 

在线演示      源码下载

 

示例代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<todo>
 
  <!-- layout -->
  <h3>{ opts.title }</h3>
 
  <ul>
    <li each={ item, i in items }>{ item }</li>
  </ul>
 
  <form onsubmit={ add }>
    <input>
    <button>Add #{ items.length + 1 }</button>
  </form>
 
  <!-- logic -->
  <script>
    this.items = []
 
    add(e) {
      var input = e.target[0]
      this.items.push(input.value)
      input.value = ''
    }
  </script>
 
</todo>

  

您可能感兴趣的相关文章

 

本文链接:Riot - 比 Facebook React 更轻量的 UI 库

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

posted @   梦想天空(山边小溪)  阅读(5413)  评论(3编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
历史上的今天:
2014-03-06 开发中可能会用到的几个 jQuery 小提示和技巧
2014-03-06 Nightwatch.js – 轻松实现浏览器的自动测试
2013-03-06 Conditioniz – 探测浏览器并条件加载 JavaScript 和 CSS
2013-03-06 《实用技巧》——让你的网站变成响应式的3个简单步骤
2012-03-06 HTML5网站大观:10个精美的 HTML5 博客网站实例
点击右上角即可分享
微信分享提示