//放大镜
大图宽度/小图宽度 = 大图可视区big宽度/小图可视区mask宽度
// 800 / 350 = 400 / 100
1、cookie
Cookie又叫会话跟踪技术，实际上就是客户端硬盘上的一个文本文件，该文件用来存储一些数据。
首先， HTTP请求是无状态的，意思就是 你打开一个网页，和打下一个网页之间，没有任何关系， 数据不会保存共用的。
其次， 会话，就是人的对话， 一次会话指从开始聊天到聊天结束， 在这里就是指，你进入一个网站一直访问浏览，直接到你退出这个网站，或者关浏览器， 这是一次会话，
会话跟踪， 就是在你多次访问一个网站之间要保存数据， 多次请求要保存共有的数据， 就叫会话跟踪了
2、cookie作用
Cookie和变量一样，是用来做数据存储的；
与变量不同之处在于，cookie能够有前提性的，实现跨页面读写数据，和长时间保存数据。
3、cookie的前提
1）必须是同一个浏览器创建的cookie
2）必须是同一个网站创建的cookie
3）通过设置path属性所具备的读写权限
4）通过设置expires属性所具备的有效时间权限
4、cookie 使用
Cookie需要依赖服务器环境，所以应先搭建服务器环境。推荐使用Hbuilder绿色版本自带的服务器环境测试我们的代码。
创建cookie的语法：
document.cookie = "名称=值";
获取cookie的语法：
document.cookie;
5、过期时间：expires
没有设置expires属性，那么表示该cookie的有效期为会话，会话指浏览器打开到关闭。
设置了expires属性，那么表示该cookie的有效期为一个具体的时间，过期cookie文件删除。
示例：
var d = new Date();
d.setDate( d.getDate()+1 );
document.cookie = "username=zhangsan; expires="+d
解读： 创建了一个名称叫做username的cookie，它所存储的内容为zhangsan，它的过期时间是创建这个cookie时的1天后。
备注： 通过修改相同命名的cookie的值或过期时间，可以实现该cookie的修改和删除。
6、路径：path
cookie在读取时，是存在访问权限的，即只能够访问path路径下的cookie
例如，在网站根目录创建的cookie，网站任何位置都能够访问到这个cookie
在 /a/ 目录下创建的cookie，只能在 /a/ 目录下访问这个cookie。
示例：
document.cookie = "username=zhangsan; path=/";
解读：
创建了一个名称叫做username的cookie，它所存储的内容为zhangsan，该cookie在当前网站下任何位置都能读写。
7、 Cookie时需要注意
1）有些浏览器在使用中文时，会出现乱码。
在设置cookie时，通过encodeURIComponent 编码，在获取cookie时，通过decodeURIComponent 解码
2）cookie 文件存放在客户端
cookie 即可以用客户端 javascript 读写，也可以用服务器端 php、jsp等读写。
3）每个网站只能访问自己网站的cookie
即百度创建的cookie，新浪是不能够访问的。
4）每个浏览器只能访问自己浏览器的cookie
即火狐创建的cookie，谷歌是不能够访问的。
5）cookie 的内容是纯文本，即只能保存字符串数据。