img bind-attr-src 通过url转换函数转成图片地址不是异步很卡

wex81997167 · 发表于 2016-10-20 08:17:26

本帖最后由 wex81997167 于 2016-10-20 08:19 编辑

img bind-attr-src 通过url转换函数$model.transUrl( val("PictureUrl"))转成图片地址不是异步很卡。
一口气加载20条要好几秒，给人一种卡顿的感觉，体验非常不好，请问我改怎么写成异步获取图片。

还有加载.w文件的时候总是需要几秒，哪里可以优化的地方？

闰土 · 发表于 2016-10-20 14:20:21

transUrl 这个方法是干嘛的？哪里定义的啊？这个要看你在数据库中怎么存的图片嘛，应该就是一个路径吧，一次加载慢的话，可以限制加载条数嘛，

页面优化：http://docs.wex5.com/page-optimize/

wex81997167 · 发表于 2016-10-20 19:42:32

闰土发表于 2016-10-20 14:20
transUrl 这个方法是干嘛的？哪里定义的啊？这个要看你在数据库中怎么存的图片嘛，应该就是一个路径吧， ...

// 图片路径转换
   Model.prototype.transUrl = function(fImage) {
         if(!fImage){
            return require.toUrl("../img/default.png");
         }
         this.actionUrl = "/baas/taomuBaas/taomu/upGoodImg";
         var src = null;
         if (fImage !== null && fImage !== "" && fImage !== "[]") {
                  try {
                     var imageJson = eval("("+fImage+")");
                     if(imageJson instanceof Array){
                        var realFileName = imageJson[0]["realFileName"];
var storeFileName = imageJson[0]["storeFileName"];
var ownerID = imageJson[0]["ownerID"];
var operateType = "browse";
                        var url = this.actionUrl + '?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                        src = require.toUrl(url);

                        // 通过Baas获取数据
// justep.Baas.sendRequest({
// "url" : "/taomuBaas/taomu",
// "action" : "checkPicture",
// "params" : {
// "ownerID" : ownerID,
// "storeFileName":storeFileName
// },
// "success" : function(resultData) {
// if(!resultData.flag){
// src = require.toUrl("../img/default.png");
// };
// }
// });
                        return src;
                    }
                  } catch (e) {
// TODO: handle exception
console.log(e);
}
         }
         return "";
};

wex81997167 · 发表于 2016-11-8 03:16:52

闰土发表于 2016-10-20 14:20
transUrl 这个方法是干嘛的？哪里定义的啊？这个要看你在数据库中怎么存的图片嘛，应该就是一个路径吧， ...

能把帖子跟完吗？官方都没有懒加载案例，页面加载完总是卡住，动图直接卡死

闰土 · 发表于 2016-11-8 09:51:45

wex81997167 发表于 2016-11-8 03:16
能把帖子跟完吗？官方都没有懒加载案例，页面加载完总是卡住，动图直接卡死 ...

这个方法，就是转换URL的作用，关于这个加载，data的话，它默认是同步加载的，async属性如图，是可以设置是否异步的

wex81997167 · 发表于 2016-11-8 23:32:55

闰土发表于 2016-11-8 09:51
这个方法，就是转换URL的作用，关于这个加载，data的话，它默认是同步加载的，async属性如图，是可以设 ...

谢谢我试试

wex81997167 · 发表于 2016-11-9 00:09:19

闰土发表于 2016-11-8 09:51
这个方法，就是转换URL的作用，关于这个加载，data的话，它默认是同步加载的，async属性如图，是可以设 ...

你这个写法和下面是一样的吧？
supplierGoodData.refreshData({
"async" : true,
});
为什么每次页面完成的时候总是要卡顿一下？这个听蛋疼可以感受得到，异步的话案例说不影响我其他事件操作吧，卡顿一下，明显点其他没反应或者反应迟钝

		自动登录	找回密码
密码			注册

[处理中1] img bind-attr-src 通过url转换函数转成图片地址不是异步很卡