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