以图明志

互联网时代

淘宝复杂在哪里?

淘宝系的胜利
双 11无疑是淘宝系(淘宝+天猫)的独舞。阿里集团 11 月 12 日凌晨确认,11.11购物狂欢节的支付宝总销售额达到 191 亿元,是去年的三倍多,其中仅天猫就达成了 132 亿元,淘宝则完成了 59 亿元。如果将百元大钞摞起来,191亿元可高达1.9万米,相当于世界最高建筑迪拜塔(828米)的 23 倍,用常用点钞机需要耗费 133 天。

互联网时代

你在淘宝买件东西背后的复杂技术

技术普及帖
你发现快要过年了,于是想给你的女朋友买一件毛衣,你打开了www.taobao.com。这时你的浏览器首先查询DNS服务器,将www.taobao.com转换成ip地址。不过首先你会发现,你在不同的地区或者不同的网络(电信、联通、移动)的情况下,转换后的IP地址很可能是 不一样的,这首先涉及到负载均衡的第一步。

Web设计理念

模仿淘宝的五星评分功能

给推荐算法提供一个很好的参考
评分功能可以让大量用户对你的内容、产品做出相对客观的评价,可以给推荐算法提供一个很好的参考。而五星评分简单易用,大家淘宝都用惯了,所以这里模仿淘宝的五星评分,兼容性、易用性都不错。下面先来看下演示效果。

Web设计理念

让某部分HTML随滚动始终显示在页面上

JavaScript仿淘宝智能浮动
我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。

JQuery

JQuery仿淘宝滚动加载图片

减少页面第一次显示的流量
用 JQuery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。

CSS

使图片水平并垂直居中的一个Hack

淘宝的一个前端面试题
淘宝的一个前端面试题:使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 想起了vertical-align:middle;但是不行,后来才知道还要display:table-cell;才可以,但是display:table-cell;这个在IE是没有用的,于是就想用line-height来解决,无果。

Web设计理念

淘宝首页图片切换效果模仿

很好的一个图片切换效果
仿淘宝首页图片切换,很好的一个图片切换效果。现在淘宝改版了,右下角的按钮变成圆形,不过大体上还是差不多的。这个效果你可以拿来就用,如果你看一下这个效果的源代码,或许还会有不少的收获。先来看效果演示吧~
1 / 1 首页 < Prev 1 Next > 尾页 页码: