arttemplate iscroll gulp问题小结

发表于   |   阅读次数

今日问题总结

1.arttemplate helper多参数传递

1
2
3
4
5
6
tepmlate.helper('name',function(content,parameter){
       /*
           your code
       */
       return content;
   });

简洁语法模式下的调用

1
{{content | name : parameter}}

2.iscroll动态加载dom完成后初始化

若是dom未加载完成即初始化会导致页面内容显示不完全，且页面无法滑动到底部
思路：在dom最后增加mark dom，设置计时器判断mark dom是否加载完成，如果加载完成再执行iscroll 初始化

1
2
3
4
5
6
7
8
9
10
11
12
function initScroll(){
       intervalTime = setInterval(function (){
           var resultContentH = $("#finish-mark").height();
           if (resultContentH > 0) {  //判断数据加载完成的条件
               console.log("dom动态加载完成！");
               setTimeout(function () {
                   clearInterval(intervalTime);
                   var myScroll = new IScroll("#wrapper",{mouseWheel: true, click: true,tap: true});
               }, 100)
           }
       }, 10);
   };

加载dom结尾添加

1
<div id="finish-mark"></div>

3.gulp合并文件指定文件顺序

  • 使用gulp－order
  • 按合并顺序放置或重命名文件
  • gulp.src[ a.js , b.js , c.js]