Riot - 比 Facebook React 更轻量的 UI 库

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

在线演示      源码下载

　

示例代码：

<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>

　　

您可能感兴趣的相关文章

• 网站开发中很有用的 jQuery 效果【附源码】
• 分享35个让人惊讶的 CSS3 动画效果演示
• 十分惊艳的8个 HTML5 & JavaScript 特效
• Web 开发中很实用的10个效果【源码下载】
• 12款经典的白富美型 jQuery 图片轮播插件

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

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