测试版本：FooBox HTML & Media Lightbox WordPress Plugin Version 2.1.0.4
ThinkPad 0A36414 蓝牙无线激光鼠标 评测
原来的原装的鼠标的中间最近不好使，特别是在CAD平移的时候很着急，遂在JD上淘了一个蓝牙无线鼠标。
Pace – 自动给页面添加加载动画
Pace on Github，Pace是一个自动在页面加载的时候显示加载动画的JS插件，演示，它能够监听页面加载动作，包括Ajax的异步加载。它完全不需要通过Hook来进行绑定操作，也不需要添加任何的代码，只需要将下方的代码添加的head中，一切就完成了。它还提供各种参数和主题供选择，从此抛弃ajax加载图片和各种js插件吧。
|
1 2 3 4 |
<head> <script src="/pace/pace.js"></script> <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" /> </head> |
关于工程索赔和签证
A&F官网的DOM结构分析
A&F官网的衣服图片分成三个种类，通过在基础URL的后面添加查询字符串来区分图片种类
|
1 2 3 4 5 6 7 8 |
//第一种图片格式，带背景的小图片，大小226×226 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$ //第二种图片格式，带背景的大图片，大小1200×1200 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1?$productMagnify-anf$ //第三种图片格式，透明背景的大图片，大小1000×1000 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1 |
官网的图片是采用js延迟载入的，图片地址保存在data-src属性中
|
1 2 3 4 5 |
//原始的图片dom <img id="prod-img-2327571" class="prod-img pointer lazyload" data-s7-preset="category-anf" data-src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" alt="Mens Vintage Graphic Tee"> //加载完毕后的图片dom <img id="prod-img-2327571" class="prod-img pointer imageLoadFix" data-s7-preset="category-anf" data-src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" alt="Mens Vintage Graphic Tee" src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" style="display: block;"> |
在每个单品的a中保存有商品的ID和分类ID。
|
1 |
<a href="/shop/us/mens-full-zip-hoodies-and-sweatshirts/upper-hudson-hoodie-2262574" data-productid="2262574" data-categoryid="87655">Upper Hudson Hoodie</a> |