注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue自定义图片懒加载指令

  2. vue中封装自定义指令，该指令主要功能是到达指定区域加载图片，若已加载过就不再加载

  3. 所属分类：Web开发

    • 发布日期：2018-09-27
    • 文件大小：3072
    • 提供者：qq_42842709

  1. Cordova 懒加载+网络图片下载缓存到本地

  2. Cordova+vue 项目实现图片懒加载并网络图片下载到本地实现本地加载，提高图片加载速度 如要插件 npm install --save js-md5 cordova-plugin-file cordova-plugin-file-transfer 在mian.js 中引入使用

  3. 所属分类：Android

    • 发布日期：2019-01-25
    • 文件大小：2048
    • 提供者：qq_20663175

  1. lazyvue一个Vue的图片懒加载器

  2. lazy-vue一个Vue的图片懒加载器

  3. 所属分类：其它

    • 发布日期：2019-08-08
    • 文件大小：59392
    • 提供者：weixin_39840924

  1. Vue模块用于在vuejs应用中懒加图片

  2. 图片懒加载插件 Vue-Lazyload，现在支持 Vue2.0

  3. 所属分类：其它

    • 发布日期：2019-08-10
    • 文件大小：28672
    • 提供者：weixin_39841365

  1. Vue自定义图片懒加载指令v-lazyload详解

  2. 主要为大家详细介绍了Vue自定义图片懒加载指令v-lazyload，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：68608
    • 提供者：weixin_38730821

  1. vue实现图片懒加载的方法分析

  2. 主要介绍了vue实现图片懒加载的方法,结合实例形式分析了vue.js图片懒加载插件安装、使用方法与相关操作注意事项,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：44032
    • 提供者：weixin_38514660

  1. vue-lazyload使用总结(推荐)

  2. vue项目用到vue-lazyload做图片懒加载，这篇文章主要介绍了vue-lazyload使用总结，解决这个插件的坑，非常具有实用价值，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：69632
    • 提供者：weixin_38739942

  1. 实现一个Vue自定义指令懒加载的方法示例

  2. 在项目中如果有大量的图片需要加载的时候，就可以考虑使用懒加载了，懒加载其实就是监听浏览器的滚动，当滚动到一定的范围的时候就将图片的真实路径赋给src,然后取消监听。实现的方法也比较简单，可以通过懒加载的插件实现，也可以手写，手写通过vue自定义指令来实现，一般情况自定义指令用的也不多，比较vue自带的就够用了，大型复杂的项目的可能用的多。 什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。 比如我们加载

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：77824
    • 提供者：weixin_38690407

  1. vue实现图片懒加载的方法分析

  2. 本文实例讲述了vue实现图片懒加载的方法。分享给大家供大家参考，具体如下： vue图片懒加载使用 首先第一步，安装插件 vue-lazyload npm install vue-lazyload --save-dev 在man.js中引入插件 import VueLazyLoad from 'vue-lazyload' 使用 Vue.use(VueLazyLoad,{ error:'', //加载失败的图 loading:'' //加载中的默认图 }) 这是一个最简单的配置 官方的详

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：40960
    • 提供者：weixin_38599545

  1. vue-lazyload使用总结(推荐)

  2. 当你用vue开发的时候，不可避免的就会遇到图片懒加载的问题，之前jquery时代有jquery.lazyload.js，但是那个肯定不能用在vue的项目里。查阅资料后发现Vue-Lazyload这个插件用的频率还是比较高，最近刚好也在研究vue的懒加载，顺便也仔细研究了以下这个插件，这个插件确实能够实现懒加载，但是坑也有不少，今天就一起来看看Vue-Lazyload。 Vue-Lazyload的github地址 主要功能&实现思路 这篇文章不是去讲解这个插件是如何配置的，这个在它的github

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：66560
    • 提供者：weixin_38679045

  1. 基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

  2. 效果图如下所示：   在线地址: github.czero.cn/fancy  点击下载安卓apk安装包 源码地址: github.com/czero1995/f… 项目主架构   使用的库 vue-cli (vue+webpack脚手架) vue-router(路由跳转) vuex(状态管理) axios(数据请求) mock.js(模拟后台数据) vue-touch(手势判断) fastclick(解决移动端浏览器 300 毫秒点击延迟问题) vue-l

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：406528
    • 提供者：weixin_38500944

  1. vue.js移动端app实战1：初始配置详解

  2. 本系列将会用vue.js2制作一个移动端的webapp单页面，页面不多，大概在7,8个左右，不过麻雀虽小，五脏俱全，常用的效果如轮播图，下拉刷新，上拉加载，图片懒加载都会用到。css方面也会有一些描述，像不同分辨率的适配，flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作： 通过vue-cli安装webpack模板后，会自动生成一大堆文件，通常我们只关心src/目录下的东西。  个人习惯在src下新建一个base目录，用来存放通用的css及js，比如样式重置css，一切j

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：253952
    • 提供者：weixin_38607908

  1. 原生JS实现图片懒加载(lazyload)实例

  2. 前言 图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。 实现原理 加载页面的时候，图片一直都是流量大头，针对图片的性能方法也挺多的比如base64、雪碧图等；懒加载也是其中一种，主要原理是将非首屏的图片src设为一个默认值，然后监听窗口滚动，当图片出现在视窗中时再给他赋予真实的图片地址，这样可以保证首屏的加载速度然后按需加载图片。 具体代码 首先在渲染时，图片引用默认图片，然后把真实地址放在data-*属性上面。

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：66560
    • 提供者：weixin_38651165

  1. 浅谈vue项目可以从哪些方面进行优化

  2. 图片优化 1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性） 在线生成，如智图、又拍云 gulp生成，gulp-webp或gulp-imageisux canvas生成 2、减少图片请求，使用雪碧图 在线生成：sprites Generator、腾讯的gopng、spriteme 代码生成：gulp.spritesmith或者sass的compass 页面性能优化 图片或组件懒加载 使用vue-lazyload组件或其他一些组件 vue-lazyload地址：

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：58368
    • 提供者：weixin_38728276

  1. Vue下滚动到页面底部无限加载数据的示例代码

  2. 看到一篇Implementing an Infinite Scroll with Vue.js , 觉得挺实用的就看了下, 顺便简单翻译了一下给需要的人参考. 从这个项目中可以加深对Vue的生命周期的理解, 何时开始axios请求, 如何结合Vue使用原生js来写scroll事件等等, 我这里主要是对原文的重点提取和补充 本文技术要点 Vue生命周期 axios简单用法 moment.js格式化日期 图片懒加载 结合原生js来写scroll事件 请求节流 创建项目

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：59392
    • 提供者：weixin_38625448

  1. OneMusic:仿移动端Web App音乐-Vue实现-源码

  2. 音乐 仿移动端音乐Web APP 构建设置 # 安装相关依赖包 npm install # 开发运行 npm run dev # 打包 npm run build # build for production and view the bundle analyzer report npm run build --report 前端技术栈 Vue全家桶 Vue.js框架 Vue.router前端路由 Vue.cli脚手架 威克斯 轴距 相关插件的使用 babel-polyfill babel-ru

  3. 所属分类：其它

    • 发布日期：2021-03-08
    • 文件大小：5242880
    • 提供者：weixin_42103128

  1. VUE-MiMall:一个使用vue3.0建造的仿小米商城项目-源码

  2. 仿小米电商项目 使用技术：vue-3.0以及4.5vue-cli脚手架 项目实现的功能： 轮播图 商品详情页 支付宝，微信支付启动 购物车等常用电商功能模块 图片懒加载 项目开始时间[^ 2020年02月16日]

  3. 所属分类：其它

    • 发布日期：2021-03-07
    • 文件大小：28311552
    • 提供者：weixin_42127775

  1. vue-template：vue模板架构-源码

  2. vue模板 该模板为参考模板，内容比较多，不建议直接用于正式环境，按需求摘取符合自己项目所需要的功能 vue全家桶，pwa，预渲染+ SEO优化，sentry错误监控，vw vh移动端适配+兼容，权限，webpack优化 v2版本补充：删除保留的活动缓存，键入配置，tsconfig配置（使vscode更友好），通用适配的底部，图片懒加载，添加工具和注入方法，添加百度地图，更新功能，添加项目规范文档，添加任选链功能等等 安装依赖 npm i 运行 npm run dev 打包 npm run bu

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：463872
    • 提供者：weixin_42100032

  1. mescroll：精致的下拉刷新和上拉加载js框架。支持vue，完美运行于移动端和主流PC浏览器（用于刷新和加载的JS框架）-源码

  2. Mescroll mescroll-精致的下拉刷新和上拉加载js框架（用于提拉刷新和上载的JS框架） 主流APP案例，丰富经典，随心定制，轻松拓展 自由灵活的api，超详细的注释，可让您快速自定义真正属于自己的下拉上拉组件 功能亮点： 自动判断和提示列表无任何数据或无更多数据 无需手动判断处理列表的页码，时间等变量 支持监听列表滚动事件，可平滑滚动到任何位置 一个界面可支持多个实例对象，互不干扰 可临时锁定拖动刷新和上拉加载 支持图片懒加载，可配置各种占位图与显示动画，上手超简单 mescrol

  3. 所属分类：其它

    • 发布日期：2021-02-02
    • 文件大小：1048576
    • 提供者：weixin_42177768

  1. 浅谈vue项目优化之页面的按需加载(vue+webpack)

  2. 通过vue写的单页应用时，可能会有很多的路由引入。当打包构建的时候，javascr ipt包会变得非常大，影响加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。结合Vue的异步组件和webpackde code splitting feature,轻松实现路由组件的懒加载。 就像图片的懒加载一样，如果客户根本就没有看到那些图片，而我们却在打开页面的时候全部给加载完了

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：334848
    • 提供者：weixin_38636763
« 12 3 »