图片的延迟加载

问题：后台返回字符串，需要渲染到一本线上书上

正则：let  reg_has_img = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;

解决：通过JS正则中的replace应用首先替换相应的 img标签的src为空，当翻到书的有图的页面后加载图片

实现：

首先捕获item中HtmlContent中img src中的内容并且把捕获内容push进数组

var reg_has_img = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
            if (reg_has_img.test(item.HtmlContent)) {
                item.imgSrcArray = []
                item.HtmlContent = item.HtmlContent.replace(reg_has_img, function (match, capture) {
                    item.imgSrcArray.push(capture);
                    return match.replace(capture, '');
                });
            }

然后通过保存的数组，在翻页时给src赋值即可

var reg_has_img = /<img [^>]*src=("")[^>]*>/gi;
            if (reg_has_img.test(item.HtmlContent)) {