layui tree 加载慢_图片太多,加载慢,我用了layui里的方式,放在服务器后还是太慢!怎么解决???有没有什么优化的技巧???...
怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决???????
layui.use(['layer','flow'], function(){
var layer = layui.layer;
flow=layui.flow;
flow.lazyimg({
elem:"#div1 img",
});
flow.load({
elem: '#div1', //指定列表容器
isLazyimg:true,
done: function(page, next){ //到达临界点(默认滚动触发),触发下一页
var lis = [];
//以jQuery的Ajax请求为例,请求下一页数据(注意:page是从2开始返回)
$.get('backstageImgList.php?page='+page, function(res){
//假设你的列表返回在data集合中
res=JSON.parse(res)
console.log(res)
layui.each(res.data.result, function(index, item){
console.log(item)
//lis.push('
'+ item.title +'
');
var imgArray = "<?php echo (implode(",", $img_id_array)); ?>".split(',');
var dzStatus = $.inArray(item[0], imgArray) != -1 ? "icon-dianzan" : "icon-dianzan2";
var templ = '
''+
'
'' +
'
' +
'
';
lis.push(templ);
});
//执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
//pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
console.log(res.count[0][0])
next(lis.join(''), page < res.count[0][0]);
});
}
});
//按屏加载图片
flow.lazyimg({
elem: '#ysee img'
});
layer.photos({
photos:'#div1'
})
});
function test(obj, id) {
//debugger
var g = 0;
var _class = obj.getElementsByTagName('i')[0].classList;
for (var i = 0; i < _class.length; i++) {
if (_class[i] == 'icon-dianzan') {
g = 1;
break;
}
}
$.ajax({
//post提交
type: "post",
//提交给.php页面处理
url: "ajax_love.php",
dataType: "JSON",
async: true, //是否异步
data: {
id: id, //需要提交的数据
g: g
},
success: function (data) { //成功
//debugger;
if (data == 1) {
obj.getElementsByTagName('i')[0].classList.remove('icon-dianzan2');
obj.getElementsByTagName('i')[0].classList.add('icon-dianzan');
obj.getElementsByTagName('i')[0].style.color = 'red';
} else if (data == 2) {
obj.getElementsByTagName('i')[0].classList.remove('icon-dianzan');
obj.getElementsByTagName('i')[0].classList.add('icon-dianzan2');
obj.getElementsByTagName('i')[0].style.color = 'red';
} else if (data == -2) {
alert('你已经没有票数了!')
}
if (data == 0) {
alert('你已经点过赞啦!')
}
}
});
}
layui tree 加载慢_图片太多,加载慢,我用了layui里的方式,放在服务器后还是太慢!怎么解决???有没有什么优化的技巧???...相关推荐
- jquery 当页面图片加载之后_图片的懒加载和预加载
一.懒加载 [1.1]什么是懒加载? 懒加载也就是延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式.当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1 ...
- vue按需加载组件_微人事首页加载速度提高了 5 倍,我都做了什么?
「本文之前发过,但是比较零散,这里我把用到的方案都汇总一下,方便大家索引,有需要的小伙伴可以收藏下方便查找.里边提到的几种方案,大家都可以对照着视频试一下」 ElementUI 按需加载: 服务端开启 ...
- h5 先加载小图_交互基础:加载的10种类型和应用场景分析
原文地址:白鹭漫谈(公众号) 作者:白鹭漫谈 目录: 一.为什么需要加载 二.常见的加载场景 三.加载的10种类型和分析 四.总结 一.为什么需要加载? 1 给用户反馈 在上篇<尼尔森10大可用 ...
- python爬虫动态加载页面_如何爬动态加载的页面?ajax爬虫你有必要掌握
通过前面几期Python爬虫的文章,不少童鞋已经可以随心所欲的爬取自己想要的数据,就算是一些页面很难分析,也可以用之前介绍的终极技能之「Selenium」+「Webdriver」解决相关问题,但无奈这 ...
- babylonjs 分部加载模型_如何使用BabylonJS加载OBJ或STL模型
BabylonJS(也就是babylon.js,这是一个和three.js类似的WebGL开发框架),更多的用在游戏领域. 本文说明和演示如何使用babylon.js来加载一个标准3d模型文件,如OB ...
- Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)...
[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新) 0 2014-05-07 18:00:06 使用该控件,可以根据url,参数,加载html记录模板(包含 ...
- java图片加气泡文字_图片加气泡文字
现在微信聊天少不了表情图片,这越有个性.独特的就越受大众喜爱,每每看到好看的图片时,大家也会忍不住收藏起来用.那你有没有想过自己P图呢?学一下PS图片创作一些独一无二的搞笑表情图,放在微信上秀秀吧,也 ...
- html加载超大像素图片,html – 首先加载低分辨率背景图像,然后加载高分辨率图像...
这是我使用的方法 CSS: #div_whatever { position: whatever; background-repeat: no-repeat; background-position: ...
- flutter 页面加载动画_十、Flutter加载动画
目录 一.效果展示 二.RoundPainter 三.RoundProgress 四.旋转起来 五.停止旋转 一.效果展示 Flutter加载动画.jpg 二.RoundPainter 同上篇文章&l ...
最新文章
- 兄弟们,TechEd见!
- 《网络操作系统》课后习题答案
- 可视化的Redis数据库管理工具redis-desktop-manager的初步使用(图文详解)
- 解决yum 不能更新问题 :yum 报错Loaded plugins: fastestmirror, refresh-packagekit, security
- 京东DNN Lab首席科学家:用深度学习搞定80%的客服工作
- ASP.NET—001:GridView绑定List、页面返回值
- iPad导入Mac:非常快!一气呵成,直接去photo里面选择,之后左上角倒出就好,颠覆之前windows上面的认知!
- SQL疑难杂症【4 】大量数据查询的时候避免子查询
- Tensorflow CNN(两层卷积+全连接+softmax)
- 学习编程的条件是什么?
- 2018-2019-1 20165208 《信息安全系统设计基础》第5周学习总结
- 卸载ps显示无法连接adobe服务器,PS还在无法安装?无法卸载?通通搞定!
- 彬彬股份牵手正极技术巨头 服装转型锂电
- 通过css布局实现去掉window.print()打印界面的页眉页脚
- 嗅探器c语言源码,自己做的嗅探器
- 开源TMS团队协作web系统
- manjaro xfce 环境配置
- 第26期《Runtime Error可能产生的原因》
- 微信小程序超长页面生成截图的一种解决方案
- 2019年中国自动驾驶行业报告:互联网企业与整车厂商互有优势
热门文章
- 自己的利益,还是用户的名义?
- Pa interface issue——PA_EXCEED_ROUND_LIMIT
- win10解决java多版本java -version问题
- 线程池与Callable更配哦
- php怎么使得字体滚动,滚动文字+字体特效代码(全集)
- scala特性_Scala | 特性应用
- java bitset_Java BitSet or()方法与示例
- java获取主机mac_Java 如何获取主机的MAC地址
- java如何解决高并发症,JAVA线上故障紧急处理详细过程!
- csv 字符串_Python实现json转csv格式