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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章