HTML5技术

前端代码合集 - web前端开发博客(2)

字号+ 作者:H5之家 来源:H5之家 2017-10-19 12:01 我要评论( )

for ( var i = 0 , len = data . length ; i len ; i ++) { fragment += template . replace ( /\{\{title\}\}/ , data [ i ]. title ) . replace ( /\{\{href\}\}/ , data [ i ]. href ) . replace ( /\{\{imgSrc\

for (var i = 0, len = data.length; i < len; i++) {

   fragment += template

       .replace(/\{\{title\}\}/, data[i].title)

       .replace(/\{\{href\}\}/, data[i].href)

       .replace(/\{\{imgSrc\}\}/, data[i].imgSrc)

}

 

result.innerHTML = fragment;

方法二:

var doc = document,

   template = doc.querySelector('#template').innerHTML,

   result = doc.querySelector('.result'),

   attachTemplateToData;

 

attachTemplateToData = function (template, data) {

   var i = 0,

       len = data.length,

       fragment = '';

 

   function replace(obj) {

       var t, key, reg;

 

       for (key in obj) {

           reg = new RegExp('{{' + key + '}}', 'ig');

           t = (t || template).replace(reg, obj[key]);

       }

 

       return t;

   }

 

   for (; i < len; i++) {

       fragment += replace(data[i]);

   }

 

   return fragment;

};

 

result.innerHTML = attachTemplateToData(template, data);

JavaScript

实现JS函数重载

var people = {

   values: ["Dean Edwards", "Sam Stephenson", "Alex Russell", "Dean Tom"]

};

 

function addMethod(object, name, fn) {

   var old = object[name];

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 客户懂点代码是最致命的毒药 - 郎中令

    客户懂点代码是最致命的毒药 - 郎中令

    2017-10-19 10:03

  • HTTP错误代码大全 - 张大哒

    HTTP错误代码大全 - 张大哒

    2017-10-18 10:01

  • 《移动Web前端高效开发实战》笔记4--打造单页应用SPA - 更爱Web-APP

    《移动Web前端高效开发实战》笔记4--打造单页应用SPA - 更爱Web-APP

    2017-10-12 09:00

  • windows server 2008使用nginx转发API异常解决办法 - 前端阿小

    windows server 2008使用nginx转发API异常解决办法 - 前端阿小

    2017-10-09 18:02

网友点评