第五迷 - 也瀑布流、也淘宝客了...

[lala]

估计多数人都厌倦了那满屏的瀑布流了
估计多数人都厌倦了那不停息的infinite scroll了
估计多数人都厌倦淘宝客了
...

鄙视我吧，呵呵，我集结以上所有，我也瀑布流了，我也infinite scroll了，我也淘宝客了...

写了一个基于淘宝的男装、女装，鞋子、包包还有饰物等等的购物引擎，没啥技术含量，就是从淘宝API获取数据，然后用瀑布流+无限滚动显示出来而已，一个快速产生的周末项目...

第五迷 - http://www.di5.me/
我们的口号是：纽约有第五大道，我们有第五迷！！

Run, Forest! Run!

[dimlau]

诶哟，bootstrap.

[SolidZORO]

我是想说。不能一张图分N个规格么？首页现在全是高尺寸的图片。这对用户和你的服务器都不利。

[lala]

@SolidZORO 图片全部直接来自淘宝，我想希望他们分大中小图，可是没有，api只返回大图，郁闷啊。。。

[joby]

求源码。

[SolidZORO]

@lala 这还不简单。 你自己加个后缀就好了。

比如 http://img02.taobaocdn.com/bao/uploaded/i2/T17uW8XXRdXXXsqGE9_102413.jpg 这个是原图。 然后后面加个后缀 _310x310.jpg，变这样，http://img02.taobaocdn.com/bao/uploaded/i2/T17uW8XXRdXXXsqGE9_102413.jpg_310x310.jpg 就是小图了。

[lala]

@joby 后台就是调用一下淘宝api获得每一次请求的数据(python)，xml2obj, 并且memcache之

前台就是bootstrap + jquery masonry + infinite scroll 都是现在的流行元素，拼凑一下就成了...

[lala]

@SolidZORO 哦，太牛了！！！ 310x310 这个数字是特定的吗？有其他可选项没有？

[SolidZORO]

@lala 你可以自己摸索啊。这个当然也是taobao自己需要的规格啦。

_sum.jpg
_40x40.jpg
_160x160.jpg
_310x310.jpg

应该不止这些。你可以再找找。

[SolidZORO]

如果你网络好。flashget里面写个批量任务。


http://img04.taobaocdn.com/bao/uploaded/i4/T14_l4XXldXXayglES_010015.jpg_(*)x(*).jpg

*就从0~5000吧。 跑完回头给我分享一下。到底有多少种规格。

[lala]

@SolidZORO 呵呵，我受你启发，去淘宝看了一下，他们自己用的是“_b.jpg” 220*220的，刚好满足我的需要，只能说，暴烈感谢啊。。。

[joby]

@lala 我不会写代码。。。我都准备买个 http://www.letutao.com/ 了。。。

[joby]

@lala 我不会写代码。。。我都准备买个 http://www.letutao.com/ 了。。。

[joby]

@lala 做这个得UGC，不然都自己搞，不能形成社区会比较累

[lala]

@joby 太强了，这个letutao完全copy逛的UI啊，哈哈哈，现在神人太多了啊...

[dimlau]

@lala 这个叫神人么？还是应该叫乐于浪费自己生命的体力工人？

[lala]

@dimlau 其实我的“神人”有反讽的意思，呵呵。

不过太直接了，都，完完全全copy，连那个logo背景的彩虹也复制，真的太“直率”了，真的勇士敢于直面惨淡的人生啊！我也经常模仿别人的界面，可能会用别人的颜色之类的，或者是自己设计不出来的图标，但是完全复制，需要勇气啊。。。

[cxdking]

@lala 求购买啊，这个比letutao.com好多了

[cxdking]

@lala 个人邮箱[email protected] 求购买 求回复都行

[itommy]

@lala letutao.com copy 谁的ui? 逛是什么？

[levan]

口号好恶心...完全不搭嘎的~

[westoy]

商品内容不够精啊，一看就觉得是广告。这点上只有果库做得好，不仅商品是真正用心挑选的，而且商品介绍也是小编根据商品特性录入的，而且加入了一些风趣的语气，浏览起来非常轻松。

[lala]

@cxdking 购买什么？网站吗？这个。。。

@itommy 白鸦做的逛：guang.com

@levan 怎么用到“恶心”这么重的词汇？还是有关联的啊，人们去第五道就是买衣服啊，来第五迷也是买衣服啊，怎么不搭？

@westoy 首页显示的是淘宝现在卖得最多的东西，只是展示而已，都是api自动获得的，并无人工干预，其实想提供的就是一个搜索界面而已，首页上只能显示一些当前的热销产品，没有筛选的。。。

[Sundyme]

@lala 看了一下乐兔淘官网橙创首页上的案例展示，逛网的logo也在里面，逛网是用的乐兔淘的系统？！

[lala]

@Sundyme 不会吧，难道我误会了吗

[qiayue]

@Sundyme 明显就是 copy 逛，还敢把逛当做案例展示出来

[raptium]

@Livid 這個2樓和4樓怎麼感覺時間順序有點奇怪呢…… 是 migrate 的時候出的問題嗎？

[levan]

@lala 你前面半句是,"纽约"后面对应的却是"我们",你要么就说"中国"
宣传的时候老喜欢套关系,动不动就说"我们",你没做起来,说跟你"我们"?
要么就说,"去不了纽约第五大道,来我们第五迷看看吧"
再说.....你这个"迷"又是什么东东啊.....
只能当做是你的一个业余小尝试吧...如果真心当做一个自己的大项目来做,那口号太牵强了...
ps:个人意见,别人也许喜欢.我的话,别当真.

[lala]

@levan 前面是纽约，后面为什么一定是要中国？一定要字字对仗工整才行吗？

口号既然是为了宣传，它就是要套关系，要让人有记忆点，要有噱头。我找域名的时候，本来就是想到第五大道才去注册di5.me的，“迷”只是因为它在后缀上，而且第五迷，第五大道迷，这还好吧，牵强是有点，可也还好，我觉得整体上，口号容易让人记住域名，那就成功了。

我没做起来，“我们”也不需要包括你，只有两个人，就可以“我们”了，你不需要以为那也包括你了。

本来，口号就是喊着玩的，有点自己的宣传语的味道，可以认真，可以玩世。讨厌的，是你的态度，一上来就“口号太恶心了”，这不是语言暴力吗？我要是不说其他，直接说，你丫想象力匮乏、用语真像个土蛋，你会爽吗？（即使我加个PS: 个人意见，别当真）

[levan]

@lala
......
好吧一句第一印象,打击到你了
我错了,对不起.
您继续...

您觉得好就行了,也不需要跟我说这么多.

[wsph123]

前端有很多细节不完善
搜索框/搜索按钮/header没有对齐
搜索框focus的时候margin改变导致后面的按钮闪烁
JiaThis的破挂架意义不明
#refine-btn按钮样式略诡异
很多边距需要斟酌

既然图像已经不是1比1显示了那么瀑布流完全可以让宽度也自适应

[lala]

@wsph123 谢谢，我也发现搜索框的问题了，好像加上bootstrap自动的搜索框class后，focus会有变化，这个我再细调，包括与其他nav的对齐。

#refine-btn 放大了字体与padding，想醒目一些，不过可能这样显得突兀而不美观，也许那绿背景已经够了。

[lala]

@levan 不好意思，我情绪不好的时候，措词也不太客气。

是欢迎批评，不过就是希望能比较有建设性，我不欣赏别人一上来就说，“你这不好”，然后不解释为什么不好，那样就只会打击别人的士气而无益了。

有happy ending最好，不然我会诅咒你一辈子买方便面都没有调料包的，现在就愿你一辈子买方便面都永远有调料包....

[eary]

发现是从蘑菇街跳转的~~这个怎么回事？

[eary]

http://www.mogujie.com/ju?to=http%3A%2F%2Fitem.taobao.com%2Fitem.htm%3Fid%3D13923610770%26spm%3D2014.12531549.0.0&p=10050643&s=default&c=&from=http%3A%2F%2Fwww.di5.me%2F

[Sivan]

行高对不准啊，坐标偏一点啊之类的，我都感觉像山寨网站……

[lala]

@eary 用的是“卷豆”，蘑菇街同一个团队的产品...

@Sivan “行高”？

计划增加返利功能了。。。

[eary]

@lala 哦，知道了。
问你一个问题，淘宝商品图也是正方形的，如何实现瀑布流呢？
一直想美丽说蘑菇街是如何实现这个的，分析商品详情里面的图片还是比较有难度，怎么做到的呢?