首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

前端性能优化:施用Array.prototype.join代替字符串连接

2013-07-09 
前端性能优化:使用Array.prototype.join代替字符串连接日期:2013-7-3??来源:GBin1.com有一种非常简单的客

前端性能优化:使用Array.prototype.join代替字符串连接

日期:2013-7-3??来源:GBin1.com

前端性能优化:施用Array.prototype.join代替字符串连接

有一种非常简单的客户端优化方式,就是用Array.prototype.join代替原有的基本的字符连接的写法。在这个系列的第一篇中,我在代码中使用了基本字符连接:

htmlStr += '<li>' + item.text + '</li>';

但是下面这段代码中,我用了优化:

var items = [];ajaxResult.items.forEach(function(item) {    // 构建字符串    items.push('<li>', item.text, '</li>');});// 通过innerHTML设置列表内容document.querySelector('ul').innerHTML = items.join(''); 

也许你需要花上一点儿时间来看看这个数组是做什么用的,但是所有的用户都从这个优化中受益匪浅。

下一篇,我们将谈谈在前端尽可能使用CSS动画

via 极客社区

来源:前端性能优化:使用Array.prototype.join代替字符串连接

热点排行