ractivejs-template/index.html at master · gitmithy/ractivejs-template · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html>
    <head>
        <title></title>
        <meta charset="utf-8">

		<script src="js/lib/html5shiv.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
		<script src="js/lib/ractive.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_01.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_02.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_03.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_04.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_05.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_06.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_07.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_08.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_09.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dev/index_10.js" type="text/javascript" charset="utf-8"></script>
	</head>
    <body style="width: 80%; margin: 0 auto;">
        <h1>
            1. 模块化
        </h1>
        <div id="module">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            2. 用于行内样式
        </h1>
        <div id="inline-style">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            3. 内嵌属性
        </h1>
        <div id="nested-properties">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            4. 表达式
        </h1>
        <div id="expressions">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            5. 事件代理
        </h1>
        <div id="event-proxies">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            6. 条件剖面
        </h1>
        <div id="conditional-sections">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            7. 列表部分
        </h1>
        <div id="list-sections">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            8. 原始标签
        </h1>
        <div id="triples">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            9. 双向绑定
        </h1>
        <div id="two-way-binding">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
        <h1>
            10. 片段
        </h1>
        <div id="partials">
            <span>loading...</span>
        </div>
        <div style="clear: both;"></div>
    </body>
</html>