导读:以下是作品中的一些技术说明和心得1:作品是直接保存京东首页为BMP图片并完成切图2:CSS采用了网易NEC的风格,并根据需求修改了少量代码3:...
以下是作品中的一些技术说明和心得
1:作品是直接保存京东首页为BMP图片并完成切图
2:CSS采用了网易NEC的风格,并根据需求修改了少量代码
3:js采用了jQuery,为了看得清楚所以暂时没有做缓存变量之类的性能优化工作
4:在CSS命名空间上"纠正"了京东乱七八糟的命名
5:对于小图标,全部使用i标签+绝对定位,"纠正"京东经常变化的各种标签
6:为减少代码重复量,在各个模块上使用了.f-cb形式的class
7:"修复"京东几乎所有.animate()之前没有.stop()造成的BUG,这种BUG各大网站随处可见
8:简化"全部商品分类"模块下罗嗦冗余的代码
9:对于交互时引起的变化一律使用.active命名,增强代码可读性
10:"修复"源代码中多处padding+margin乱用的场景
问题
1:考虑到IE6,7的市场份额,故有些地方并没有做兼容性处理
2:有几个模块,由于细节太多而选择偷工减料
3:CSS为保证可读性,没有做选择器优化
4:初期颜色处理的方式有些不合理,后期思路纠正但没有修改
作品在线预览地址:
http://miaov.com/student/QQ759979885/index.html