测试1：抓取淘宝店铺信息
Archive | DEV
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> |
PHP获取淘宝客链接的原始URL
今天在获取店铺列表的时候发现部分不能获取店铺ID，遂查看了一下，发现是因为链接是淘宝客格式的加密链接，经过多次自动跳转，导致无法得到店铺原始url。下面对跳转进行分析，看能不能通过PHP程序对淘宝客链接进行破解。
WordPress插件Book Review修改版
一直想找一个能方便的在wordpress文章页面插入图书信息功能的插件，今天找到一个Book Review，是通过custom fields来储存书籍信息的，但是麻烦的是要自己手动填写所有的书籍信息，比较麻烦。