码迷,mamicode.com
首页 > 其他好文 > 详细

模板框架

时间:2015-10-13 01:35:11      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:

流行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));
    });
})();  






模板框架

标签:

原文地址:http://www.cnblogs.com/anjia0917/p/4873325.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!