懒加载

js原生懒加载方法

由 南笙酒味 提交于 2019-11-26 19:14:09
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LozyLoad</title> <style> .images{ display: flex; flex-direction: column; text-align: center; width: 500px; } .img-item{ height:400px; width: 400px; margin: 20px; } </style> </head> <body> <div class="images"> <img class="img-item" alt="loading" data-src="imgs/img01.jpg"> <img class="img-item" alt="loading" data-src="imgs/img02.jpg"> <img class="img-item" alt="loading" data-src="imgs/img03.jpeg"> <img class="img-item" alt="loading" data-src="imgs/img04.jpg"> <img class="img-item" alt="loading" data-src="imgs/img02.jpg"> </div

原生js实现图片懒加载+加入节流

由 拈花ヽ惹草 提交于 2019-11-26 12:45:56
这两天在学习图片的懒加载实现，看了很多大佬的博客，终于有了点成果。现在用了其中一位大佬的文章中的代码实现了图片懒加载并且在其基础上加入了节流函数。 原理就不多讲了，有需要的可以去大佬的文章看看。大佬文章可以从这里进->（https://www.jianshu.com/p/9b30b03f56c2）。 先上HTML结构： 1 <div></div> 2 <img src="" id="i1" data-src="image1"> 3 <div></div> 4 <img src="" id="i2" alt="" data-src="image2"> 然后是样式： 1 <style> 2 * { 3 padding: 0; 4 margin: 0; 5 } 6 7 div { 8 height: 2000px; 9 } 10 11 #i1 { 12 display: block; 13 width: 200px; 14 height: 200px; 15 background-color: red; 16 } 17 18 #i2 { 19 display: block; 20 width: 200px; 21 height: 200px; 22 background-color: green; 23 } 24 </style> 最后是JavaScript的代码： 1 <script>

iOS开发---单例详解

由 柔情痞子 提交于 2019-11-26 12:44:50
文章目录 iOS开发---单例详解 什么是单例模式？ 单例使用场合 单例优缺点 优点 缺点 单例的实现方式 单例中懒汉式实现方式 加锁 GCD 单例中饿汉式实现方式 MRC下单例实现方式 封装单例模式 iOS开发—单例详解 什么是单例模式？ 单例使用场合 单例优缺点 * 优点 * 缺点 单例的实现方式 单例中懒汉式实现方式 加锁 GCD 单例中饿汉式实现方式 MRC下单例实现方式 封装单例模式 iOS开发—单例详解 什么是单例模式？ 单例模式是设计模式中最简单的形式之一。这一模式的目的是使得类的一个对象成为系统中的唯一实例。要实现这一点，可以从客户端对其进行实例化开始。因此需要用一种只允许生成对象类的唯一实例的机制，“阻止”所有想要生成对象的访问。使用工厂方法来限制实例化过程。这个方法应该是静态方法（类方法），因为让类的实例去生成另一个唯一实例毫无意义。 第一句话说明了单例是一种设计模式，有很多人在面试被问到单例时经常说：单例是一个对象，它在程序运行中是唯一的。这是把单例的定义和作用混淆了，它的作用是保证程序运行过程中对象的唯一性，所以这点需要注意。 后面说的就是如何实现单例了，其中提到需要创建一个静态方法（类方法），这正是需要我们去做的 单例使用场合 在整个应用程序中，共享一份资源（这份资源只需要创建初始化1次），一般用于工具类。例如： 登陆控制器，网络数据请求，音乐播放器

爬虫 案例 图片懒加载 qq空间模拟登录

由 旧巷老猫 提交于 2019-11-26 06:10:17
图片懒加载 # 图片懒加载 from lxml import etree import requests headers={ 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.87 Safari/537.36' } url='http://sc.chinaz.com/tupian/fengjingtupian_%d.html' fp=open('fengjing.txt','w',encoding='utf-8') for page in range(1,5): if page==1: new_url='http://sc.chinaz.com/tupian/fengjingtupian.html' else: new_url=format(url%page) page_text=requests.get(url=new_url,headers=headers).text tree=etree.HTML(page_text) div_list=tree.xpath('//*[@id="container"]/div') for div in div_list: img_title=div.xpath('./p
订阅 懒加载