简介 lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的。 使用 lazyload依赖与jquery。所以先引入jquery和lazyload 1.将图片路径写入data-original属性2.给lazyload的图片增加一个名为la ...
分类:
Web程序 时间:
2019-01-12 18:30:01
阅读次数:
189
一、openstack由来 openstack最早由美国国家航空航天局NASA研发的Nova和Rackspace研发的swift组成。后来以apache许可证授权,旨在为公共及私有云平台建设。openstack主要用来为企业内部实现类似于Amazon EC2和S3的云基础架构服务(Iaas).每6个 ...
分类:
其他好文 时间:
2018-12-21 19:34:09
阅读次数:
300
1; npm i vue-lazyload 2: 在main.js里 import vuelazyload from 'vue-lazyload'; Vue.use(vuelazyload,{ loading: '/static/1.jpg' // 图片没加载出来之前显示的图片 }) 3: <img ...
分类:
其他好文 时间:
2018-12-21 16:58:26
阅读次数:
600
import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/hello/index.vue' // import Demo from '@/components/demo/ind... ...
分类:
其他好文 时间:
2018-12-20 18:59:16
阅读次数:
130
页面直接引入js github地址: "lazysizes " 使用方法,无需配置,直接在标签中使用 ...
分类:
其他好文 时间:
2018-12-17 17:38:08
阅读次数:
118
对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升,也提高了用户体验。 实现方法(使用vue的vue-lazyload插件) 1.安装插件 2.在入口文件main.js中引入 ...
分类:
其他好文 时间:
2018-12-03 14:06:30
阅读次数:
284
今天看到我一醉哥的一篇朋友圈分享:《不如我们从头来过 | 掘金》 看完之后,百感交集,互联网的浪潮使创业公司如雨后春笋般崛起, 每一个初创公司都会有一群怀着美好愿景的小伙伴, 但是当寒冬来临时,也不得不去面对这残酷的现实,愿每一个被离职的各位大佬发展的越来越好。 然后我随便点开了掘金站长:阴明大佬的 ...
分类:
其他好文 时间:
2018-11-16 19:13:22
阅读次数:
210
Vue 项目使用 Vue-lazyload 做图片懒加载。 下载 下载 Vue-lazyload 的包NPM包 引入 在项目 main.js中通过 import 引入 配置属性 官方 Api 示例 使用 v-lazy 指令 ...
分类:
其他好文 时间:
2018-11-03 23:10:47
阅读次数:
294
vuex的工作流程: 1.在vue组件里面,通过dispatch来触发actions提交修改数据的操作。 2.然后再通过actions的commit来触发mutations来修改数据。 3.mutations接收到commit的请求,就会自动通过Mutate来修改state(数据中心里面的数据状态) ...
分类:
其他好文 时间:
2018-11-02 20:35:04
阅读次数:
183
一、vue lazyload插件: 插件地址:https://github.com/hilongjw/vue-lazyload demo:http://hilongjw.github.io/vue-lazyload/ 二、简单使用实例: 这个插件还是蛮好用的,就是感觉这个插件的开发文档有点太啰嗦了, ...
分类:
其他好文 时间:
2018-10-17 11:00:55
阅读次数:
157