模拟淘宝商城

这两个星期接触了 模块化开发的三大规范：common.js 、amd. 和 cmd

此外为了便于 css 编写，采用 css 的扩展语言sass。

git 地址：https://github.com/SuYaru/taobao.git

这里主要对这次项目做一个经验总结吧

一、h5 和 css 部分

   因为模拟的是淘宝商城，因此主要研究他的主页结构、登陆、注册、详情页（开头部分）、购物车模块

   h5 上首先要划分布局，自己项目里面是按照功能划分模块，标题区、导航区、内容区、底部区等。

   css 因为采用 sass ，因此搭建ruby、sass、 npm、gulp 环境。sass 最强大的还是嵌套、变量定义、循环定义等，让css 也可以像 js一样编程，而不必每一步 css 都是手写，便于开发和维护。而 gulp 主要针对于线上目录dist 进行压缩优化等，因为线上目录要尽可能的小，让用户体验更优。

   为了在sass 中利用好变量定义，一般是在整体布局搭建完毕后，再对公共部分采用变量定义。

   从研究淘宝商城中，也能学到很多东西：

   1）在布局右侧楼梯时，如果用绝对定位相对主体内容定位，这样主体内容必然要用一个大div 包裹。不利于按模块划分的清晰结构。因此在淘宝中，还是采用固定定位，但是这里的定位就比较讲究。它采用的属性是 

right:50%
margin-right: -655px;

         仔细分析可以知道，右侧楼梯的宽度是50，中