為了不用angularjs等較為重量級的，和繁瑣的配置，所以就用了laytpl,可以配合jq使用
laytpl.js原始碼如下：
@name：laytpl-v1.1 精妙的js模板引擎
@author：賢心 - 2014-08-16
@site：
@license：mit license*/;!function()}"},c=,query:function(a,c,e)])*?"][a||0];return d((c||"")+b.open+f+b.close+(e||""))},escape:function(a),error:function(a,b)},d=c.exp,e=function(a);e.pt=e.prototype,e.pt.parse=function(a,e)"),"} "+b.close).replace(/\\/g,"\\\\").replace(/(?="|『)/g,"\\").replace(c.query(),function(a)).replace(c.query(1),function(a)),a=『"use strict";var view = "『+a+『";return view;『;trycatch(j)},e.pt.render=function(a,b),f=function(a),f.config=function(a);for(var c in a)b[c]=a[c]},f.v="1.1","function"==typeof define?define(function()):"undefined"!=typeof exports?module.exports=f:window.laytpl=f}();
1.引用該js
2.建立的模板
3.用laytpl.js吧得到的資料加入到模板
4.把模板渲染到你要的html的demo
1 2
3 4
5 6
7 8
9 //假設你得到了這麼一段資料
10 vardata=, , , ]14 };15
16 window.οnlοad= function() );23 }24
25 26
27 28
29 }
30 31 }
34 城市：}
35 36 }}37
38 39
laytpl空值處理
laytpl 模板語法 輸出乙個普通字段，不轉義html 官方的說明 但d.field 為空時會顯示null 暫時沒遇到過 模板中當giftname為空是 頁面上會顯示 null 字串 方式一 可以在模板中直接使用三目表示式來判斷字串是否為空。當receivertime不為空時才對日期時間進行格式化...
前端的Sass高階語法
sass3.3.0中新增的功能，用來跳出選擇器巢狀的。預設所有的巢狀，繼承所有上級選擇器，但有了這個就可以跳出所有上級選擇器。parent 2 上面的 經過編譯以後，會生成如下 parent 2 child 說明 預設情況下 ar root是不能跳出 media的巢狀的，如果要跳出這些巢狀，我們需要...
前端常用ThinkPHP語法（一）
使用運算子 三元運算 後續更新php內建標籤，例如 用於變數輸出和模板注釋，預設以 作為開始和結束標識，並且在開始標記緊跟標籤的定義，如果之間有空格或者換行則被視為非模板標籤直接輸出。例如 at position 5 name 都屬於正確的標籤，而 則不屬於。用於模板變數輸出 檔案包含 條件控制 迴...