前端jQuery的jQuery 插件库的插件（使用方法）

图片懒加载：当页面滑动到可视区域，再显示图片。

（图片使用延迟加载可以提高网页下载速度，帮助减轻服务器负载）

e.g.以图片懒加载为例

1.在jQuery 插件库 https://www.jq22.com/中搜索“懒加载”,找到Easylazyload.js点进去

2.需要登录，然后点开始下载

3.打开下载的文件夹，解压缩，打开里面的index.html,右键查看网页源代码

4.回下载的解压好的文件夹中，复制dist文件夹中EasyLazyload.min.js文件和jquery-1.10.2.js文件去自己项目的文件夹中。在下载的解压好的文件夹中的index.html的源代码中，分别复制以下内容去自己项目的html文件e.g.index.html

在VScode中 CTRL+H 查找替换

将自己项目的图片的img src的src替换为data-lazy-src

换的时候要如下图加上<img!!! (因为script也有src)

e.g.

（1）在DOM元素下面<script src=””></script>引入之前复制的EasyLazyload.min.js文件和jquery-1.10.2.js文件

（2）在DOM元素下面，复制源代码中的</script><script>

使用方法具体见：EasyLazyload.js 超好用js图片延迟加载

（3）根据需求删除不需要的部分

e.g.

前端jQuery的jQuery 插件库的插件（使用方法）相关推荐

idea从插件市场或者外部插件库导入插件的方式
我们平时在使用idea进行开发时,会用到一些插件来辅助开发或增强某些功能.选好合适的插件能帮助我们提高开发效率,事半功倍. 以下提供从idea内部自带的插件市场下载插件和从idea外置插件库导入插件的 ...
坯子库无法一键安装插件没用_坯子插件库-坯子插件库下载 v2021.1官方版附安装教程-下载啦...
坯子插件库是一款实用的sketchup插件管理软件,包含丰富的插件集,能够进行su插件的下载.安装.卸载和管理,软件启动速度快,支持离线使用,兼容sketchup2014-2020版本,需要的朋友可以 ...
jquery function_前端基础进阶（十三）详细图解jQuery扩展jQuery插件
UI 鉴赏早几年学习前端,大家都非常热衷于研究jQuery源码. 我至今还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,"原来JavaScript居然可以 ...
51 jQuery插件库
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery插件 jQuery功能比较有限,想要更复杂的特效功能,可以借助于jQuer ...
jquery插件库地址
jquery插件库地址: http://www.jq22.com/
jQuery学习第三天（插件库、引入页面、jQ中的ajax）
插件库 superSlide.swiper 轮播图插件的网站,有说明书 jQ入口函数 $(document).ready(function(){}) 简写:$(function(){}); 与原生js ...
树形图html插件,前端树形图 -- zTree -- jQuery 树插件
zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree 是开源免费的软件(MIT 许可证).所 ...
前端jQuery的jQuery 之家的插件（使用方法）
1.引入插件相关文件 (1)打开官网地址: jQuery之家-自由分享jQuery.html5.css3的插件库 e.g.下载并使用jQuery 之家的瀑布流插件 (2)点击左侧"jQuer ...
wpf checkbox选中触发事件_Web前端开发(16)——JQuery事件绑定与插件
事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数); 比如给name绑定点击事件: $("#name").click(function () { alert(&q ...

前端jQuery的jQuery 插件库的插件（使用方法）

前端jQuery的jQuery 插件库的插件（使用方法）相关推荐

最新文章

热门文章