Vue.use(VueLazyload, { preLoad: 1.3, error: '../../image/error.png', attempt: 1, filter: { progressive(listener,... ...
在业务开发过程中,我们有时候会遇到这样的业务场景 展示一个图集/相册。当大量图片加载时,我们一方面希望图片懒加载;另一方面,希望在列表中展示的是缩略图,然后点开时再展示大图。感谢现在云服务的发展,这些烦人的需求都被大佬们做成了第三方的服务,我们只要付费就行了。本文介绍调用腾讯云的图片处理服务。在往下 ...
分类:
其他好文 时间:
2019-07-14 12:58:04
阅读次数:
200
1. 使用封装好的webpack打包:npm run dev vue是单页面应用首次加载很大,首屏优化 ①路由懒加载:将网页拆分成多个组件,引入那个组件便加载那个路由 ②cdn引入第三方包 ③按需引入 2. 自己使用webpack打包 原理:一入口文件为主依次打包所有入口文件引用的文件 准备工作: ...
分类:
Web程序 时间:
2019-07-03 22:45:00
阅读次数:
151
对于设计模式的使用场景和好处,之前有介绍一篇,今天主要是单例模式的编写方式,直接看代码吧 单例模式之饿汉模式,不会懒加载。线程安全 单例模式之饿汉模式,不会懒加载。线程安全 单例模式之懒汉模式,会懒加载。线程不安全 单例模式之懒汉模式,会懒加载。线程不安全 单例模式之懒汉模式,会懒加载。线程安全,同 ...
分类:
编程语言 时间:
2019-06-28 11:59:15
阅读次数:
129
感谢阮一峰老师撰写的非常详细的教程 实现的大致预览: 这个方法很容易理解,并且兼容性也不错,但是有一个致命的缺点就是onscroll事件触发的太频繁了,很容易影响页面性能。 因而考虑使用IntersectionObserver,这个api兼容性很差,需要谷歌51+。 ...
如果列表数据过大,初始可以加载10-20条数据 ,通过用户搜寻关键字或者滚动select组件分页加载数据解决问题 ,网上资料比较少就写了一下。 1. onSearch 可以支持 类似autocomplete功能 异步调用api获取新的列表数据 2.下拉列表滚动 可以实现懒加载 分页加载数据 组件代码 ...
分类:
其他好文 时间:
2019-06-21 12:22:19
阅读次数:
239
参考:https://www.jianshu.com/p/91d3096f38a0 实体:Device 与 Group 是多对多的关系 Group 维护端: Device 发现懒加载无法生效: 1.添加依赖: 2.yml 配置 3.添加配置文件 ...
分类:
其他好文 时间:
2019-06-20 12:58:36
阅读次数:
422
1:在babel.config,.js中, 2:vue.config.js 3:在router.js中 2:vue.config.js 3:在router.js中 ...
分类:
其他好文 时间:
2019-06-17 10:36:49
阅读次数:
88
一、PC端(lazyload) 1、引入js文件 2、html代码 3、调用lazyload 二、移动端采用echo.js插件 ...
分类:
Web程序 时间:
2019-06-14 16:27:24
阅读次数:
149
利用objc runtime的动态性实现懒加载可以实现即可增加又可删除功能,也可以避免污染类型。该三方弥补了目前没有闭环实现懒加载三方的空缺。 ...
分类:
移动开发 时间:
2019-06-13 00:51:53
阅读次数:
158