模板框架

流行JS模板引擎對比

AmazeUI 推薦使用   handlebars  可是handlebars的if不太好用，須要本身寫helper

經過恆生作的滕州中心醫院學習到使用國產的 juicer  文檔也比較齊全

學習恆生的方法，定製juicer    自定義模板語法邊界符

/*==================================================================================================================

 * juicer 自定義配置配置和方法註冊

 * ===============================================================================================================*/

(function () {

    // juicer標籤自定義

    juicer.set({

        'tag::operationOpen': '[@',

        'tag::operationClose': ']',

        'tag::interpolateOpen': '$[',

        'tag::interpolateClose': ']',

        'tag::noneencodeOpen': '$@[',//不要使用$$否則會和 $選擇器衝突

        'tag::noneencodeClose': ']',

        'tag::commentOpen': '[#',

        'tag::commentClose': ']'

    });

    /*註冊juicer函數*/

    //計算募捐進度,參數爲 用逗號隔開的須要計算的兩個數字

    juicer.register('completedPrate', function (para) {

        var paras = para.split(',');

        var prate = (Number(paras[0]) / Number(paras[1]) * 100).toFixed(2);

        if (prate >= 100) {

            prate = "100.00";

        }

        return prate + '%';

    });

    //計算募捐進度

    juicer.register('donateCompleted', function (x, y) {

        var prate;

        if (x === 0) {

            prate = 0;

        } else {

            prate = (Number(x) / Number(y) * 100).toFixed(2);

            if (prate >= 100) {

                prate = "100.00";

            }

        }

        return prate + '%';

    });

    //四捨五入保留N位小數 參數爲須要處理的數字和須要保留的小數位數

    juicer.register('numberToFixed', function (num, bit) {

        return Number(num).toFixed(Number(bit));

    });

})();  

來自爲知筆記(Wiz)