From 0fb8a168a4543e4f794909baa3068d300c706b8c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B3=A2=E6=B3=A2?= Date: Sun, 24 May 2015 12:39:31 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B9=A6=E5=86=99=E9=94=99?= =?UTF-8?q?=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改书写错误 --- basic/core/index.html | 82 +++++++++++++++++++++++++------------------ 1 file changed, 47 insertions(+), 35 deletions(-) diff --git a/basic/core/index.html b/basic/core/index.html index 90734f4..8636b6e 100644 --- a/basic/core/index.html +++ b/basic/core/index.html @@ -28,14 +28,16 @@ -
关于FrozenJS
+
关于FrozenJS +
-
如何使用
+
如何使用 +
@@ -45,14 +47,16 @@
基础
-
Core
+
Core +
-
Tap
+
Tap +
@@ -62,42 +66,48 @@
UI
-
Dialog
+
Dialog +
-
Loading
+
Loading +
-
Scroller
+
Scroller +
-
Slider
+
Slider +
-
Tab
+
Tab +
-
Tips
+
Tips +
@@ -107,14 +117,16 @@
特效
-
Cover
+
Cover +
-
Parallax
+
Parallax +
@@ -124,28 +136,28 @@
-

Core

core 包含了 FrozenJS 的一些常用方法，包括 Zepto 的 data 的扩展和模板引擎。

-

data

Zepto 默认代码中并未包含 data 的扩展，FrozenJS 中的 data 扩展主要参照了 Zepto 的 data 扩展。使用方式参照 Zepto 的 文档。

-

模板引擎

FrozenJS 的模板引擎与 backbone.js 的模板引擎类似，使用 $.tpl(tplString, [data], [settings]) 来调用。

-

模板变量放入<%= value %>中，如<%= value %>，模板可以直接把js逻辑放入<% ... %>中，如<% if(a){>% 条件为ture，这部分会输出 <%}%>。

-

具体调用方式示例：

-
var data={
-    name:"jeakey",
-    word:"hi~",
-    friend:[
-        "hahn",
-        "fay"
-    ]
-}
-
-var tplHTML='<div><%=name%> say <%=word%>。</div>'+
-            '<div>his friends:<ul>'+
-            '<% for(var i=0;i<friend.length;i++){ %>'+
-            '<li><%=friend[i]%></li>'+
-            '<% } %></ul></div>';
-
-var dest=$.tpl(tplHTML,data);
-console.log(dest)
+              
Core
core 包含了 FrozenJS 的一些常用方法，包括 Zepto 的 data 的扩展和模板引擎。

+
data
FrozenJS 默认代码中并未包含 data 的扩展，FrozenJS 中的 data 扩展主要参照了 Zepto 的 data 扩展。使用方式参照 Zepto 的 文档。

+
模板引擎
FrozenJS 的模板引擎与 backbone.js 的模板引擎类似，使用 $.tpl(tplString, [data], [settings]) 来调用。

+
模板变量放入<%= value %>中，如<%= value %>，模板可以直接把js逻辑放入<% ... %>中，如<% if(a){>% 条件为ture，这部分会输出 <%}%>。

+
具体调用方式示例：

+
var data={
+    name:"jeakey",
+    word:"hi~",
+    friend:[
+        "hahn",
+        "fay"
+    ]
+}
+
+var tplHTML='<div><%=name%> say <%=word%>。</div>'+
+            '<div>his friends:<ul>'+
+            '<% for(var i=0;i<friend.length;i++){ %>'+
+            '<li><%=friend[i]%></li>'+
+            '<% } %></ul></div>';
+
+var dest=$.tpl(tplHTML,data);
+console.log(dest)
 // output：<div>jeakey say hi~。</div><div>his friends:<ul><li>hahn</li><li>fay</li></ul></div>
@@ -169,4 +181,4 @@

模板引擎

FrozenJS 的模板引擎与 backbone.j }(Zepto); - \ No newline at end of file +