diff --git a/examples/laytpl.html b/examples/laytpl.html index 67398bfb..efff147c 100644 --- a/examples/laytpl.html +++ b/examples/laytpl.html @@ -136,11 +136,11 @@ layui.use(['laytpl', 'util'], function(){ var util = layui.util; var $ = layui.$; - //获取模板和数据 + // 获取模板和数据 var get = function(type){ return { - template: $('#demoTPL1').val() //获取模板 - ,data: function(){ //获取数据 + template: $('#demoTPL1').val(), // 获取模板 + data: function(){ // 获取数据 try { return JSON.parse($('#demoData1').val()); } catch(e){ @@ -152,52 +152,58 @@ layui.use(['laytpl', 'util'], function(){ var data = get(); - //耗时计算 + // 耗时计算 var startTime = new Date().getTime(), timer = function(startTime, title){ var endTime = new Date().getTime(); $('#demoViewTime').html((title || '模板解析耗时:')+ (endTime - startTime) + 'ms'); }; - //渲染模板 + // 全局设置 + /*laytpl.config({ + open: '<%', + close: '%>' + });*/ + + // 渲染模板 var thisTpl = laytpl(data.template); - //执行渲染 + // 执行渲染 thisTpl.render(data.data, function(view){ timer(startTime); $('#demoView1').html(view); }); - //编辑 + // 编辑 $('.laytpl-demo textarea').on('input', function(){ var data = get(); if(!data.data) return; - //计算模板渲染耗时 + // 计算模板渲染耗时 var startTime = new Date().getTime(); - //若模板有变化,则重新解析模板;若模板没变,数据有变化,则从模板缓存中直接渲染(效率大增) + // 若模板有变化,则重新解析模板;若模板没变,数据有变化,则从模板缓存中直接渲染(效率大增) if(this.id === 'demoTPL1'){ - thisTpl.parse(data.template, data.data); //解析模板 + thisTpl.parse(data.template, data.data); // 解析模板 } - //执行渲染 + // 执行渲染 thisTpl.render(data.data, function(view){ timer(startTime); $('#demoView1').html(view); }); }); - //事件 - util.event('lay-on', { - //性能测试 + // 事件 + util.on({ + // 性能测试 test1: function(){ - var dataLen = 1000 //数据量 - ,renderTimes = 1000; //渲染次数 + var dataLen = 1000 // 数据量 + var renderTimes = 1000; // 渲染次数 - //初始化数据 + // 初始化数据 var data = { - title: '性能测试' - ,items: function(items){ + title: '性能测试', + items: function(items){ for(var i = 0; i < dataLen; i++){ items.push({ index: i @@ -209,7 +215,7 @@ layui.use(['laytpl', 'util'], function(){ }([]) }; - //模板 + // 模板 var startTime = new Date(); for(var j = 0; j < renderTimes; j++){ var template = document.getElementById('laytplTestTpl').innerHTML;