sourcecode核心代码： 关键部分已标为红色，该脚本的初期分析参见上一篇writeup。 这是exif_imagetype()的介绍（http://php.net/manual/en/function.exif-imagetype.php） 为什么该函数会通过读取文件的第一个字节签名来判断图片 ...
分类：
Web程序 时间：
2017-05-14 10:55:46
阅读次数：
216
图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端 的距离与页面的距离，如果前者小于后者，优先加载。 如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先 下载。 如果图片为 css 图片，可以使用 CSSsprite，SVGsprite，I ...
分类：
Web程序 时间：
2017-04-13 14:37:20
阅读次数：
1240
在我们日常的开发中，经常需要用到判断图片是否存在，存在则显示，不存在则显示默认图片，那么我们用到的判断有哪些呢？今天我们就来看下几个常用的方法： 1、getimagesize()函数 getimagesize 函数并不属于 GD 扩展的部分，标准安装的 PHP 都可以使用这个函数。可以先看看这个函数 ...
分类：
Web程序 时间：
2017-04-12 03:01:16
阅读次数：
353
基本原理 图片滚动懒加载的原理非常简单：基于<img>标签，在初次加载时，不把图片url放在src属性中，而是自定义一个属性，例如data-src。然后检测"scroll"，"resize"等窗体事件，判断图片是否进入了可视范围。如果进入，则将data-src的字段替换到src，此时浏览器会自动去加 ...
分类：
Web程序 时间：
2017-04-07 21:48:30
阅读次数：
173
在页面的构建中 常常会需要获取页面的一些宽高信息，例如实现 惰性加载图片 需要获取页面的可见区域高度 和 已滚动区域的高度，以判断图片所在位置是否可见来决定加载图片的时间， 花点时间整理了一下，获取页面宽高信息的API 持续整理中... 在IE中：document.body.clientWidth ...
分类：
编程语言 时间：
2017-04-06 12:50:40
阅读次数：
174
此js一般用于控制图片铺满盒子，但是比例不变，并且绝对局中原理：判断图片的高宽与盒子高宽的大小的关系，然后通过比例来控制图片的缩放及定位 无标题文档 ...
分类：
Web程序 时间：
2017-04-06 11:46:44
阅读次数：
400
如何读取图片的size： 首先，原生input file控件有个files属性，该属性是一个数组。数组中的元素有以下属性：lastModifiedDate，name，size，type，webkitRelativePath，如图： 这样的话，我们就可以检测到size。（这里的size是字节大小） – ...
分类：
Web程序 时间：
2017-01-20 18:10:13
阅读次数：
359
除了file_exsits() 之外 文件函数我们还有用到很多。不指判断 是否有文件， 还可以判断 是否为文件夹或文件 用于日常 图片显示 很有用， 如果判断 图片是否存在， 如果 不存在就显示 默认图等。。 php判断文件还是文件夹主要通过is_file跟is_dir函数判断，下面分别讲解： is ...
分类：
Web程序 时间：
2017-01-11 15:41:55
阅读次数：
315
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding:0;} .main{width:800px;margin:50px au ...
分类：
Web程序 时间：
2017-01-01 23:52:48
阅读次数：
486
