后台用户上传的图片往往很大,并且现在iphone手机的图片质量大的都高达几M,而在移动端展示时,即便做了懒加载,如vue-lazyLoad,也会很影响性能。移动端的图片一般控制在100K以内,否则3g网络加载太慢,会出现白屏现象。目前遇到的场景,图片都存放在阿里云的cdn上,从而可以采用阿里云的图片 ...
分类:
其他好文 时间:
2018-04-01 20:54:15
阅读次数:
552
原理: 将页面中的img标签src指向一张小图片或者src为空,然后定义data-src(这个属性可以自定义命名,我自己用data-src)属性指向真实的图片。 src指向一张默认的图片,否则当src为空时也会向服务器发送一次请求。可以指向loading的地址。 代码实现: 函数节流和函数去抖 以下 ...
分类:
Web程序 时间:
2018-04-01 10:47:03
阅读次数:
283
今天一同事问我这个问题:S/4HANA Fiori应用里的列表,一旦Scroll到底部就会自动向后台发起新的请求把更多的数据读取到前台显示。 以Product Master这个应用为例,我点击搜索之后,结果区域显示当前系统一共有140个product,但是只有前25个返回并显示在浏览器里。 这个分页 ...
分类:
其他好文 时间:
2018-03-31 22:17:36
阅读次数:
174
最近公司做的业务都是使用Vue、Element写的,涉及到的相应的基础业务像轮播、预加载、懒加载,都是使用 NPM上的工具来实现,原理和基础还是要有的,就来实现几个项目中常用到的业务。 经常见到这样的效果,导航在页面中间,当界面滚动到导航的时候,导航就变成了 布局。为了看效果,我加了边框。 刚开始, ...
分类:
Web程序 时间:
2018-03-31 20:32:37
阅读次数:
751
一、声明配置类和注册 bean 二、通过配置类创建 spring 容器 三、@Scope 指定bean的作用域 四、@Lazy 懒加载 五、 ...
分类:
编程语言 时间:
2018-03-30 14:14:18
阅读次数:
210
上一章节,我们讲解了通过mybatis的懒加载来提高查询效率,那么除了懒加载,还有什么方法能提高查询效率呢?这就是我们本章讲的缓存。 本篇源码下载链接:http://pan.baidu.com/s/1eRHTsIm 密码:a5wn mybatis 为我们提供了一级缓存和二级缓存,可以通过下图来理解: ...
分类:
其他好文 时间:
2018-03-26 10:43:59
阅读次数:
177
知识点:for循环语句,DOM概念,元素获取,动态布局,基本算法,节点操作,JQ与JS的关系与区别,JS的重要性,如何学习JS。
分类:
编程语言 时间:
2018-03-23 15:23:41
阅读次数:
210
懒加载: ? 也叫延迟加载,即在需要的时候进行加载,随用随载。 为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验,而运用懒加载则可以 ...
分类:
其他好文 时间:
2018-03-23 15:23:12
阅读次数:
186
今天被一个懒加载问题困扰了近八个钟头,现在将这些新的总结下,刚开始我使用的是struts2-Json的方式不让,目标列序列化,代码如下: 但是这种方法在我这并不是太如意,时灵时不灵.对了不要有那个小伙伴去尝试把serialize换成,desrialize=true来代替,效果是一样的.然后我又换成了 ...
分类:
其他好文 时间:
2018-03-23 01:03:43
阅读次数:
253
Amd和Cmd的代表分别是require.js以及sea.js AMD (amd 提前读取并加载(前置读取并加载)) 是 RequireJS 在推广过程中对模块定义的规范化产出。https://github.com/amdjs/amdjs-api/wiki/AMD CMD (cmd 提前读取后加载) ...
分类:
其他好文 时间:
2018-03-16 23:48:49
阅读次数:
455