VM开发项目总结

整站vm分成几大模块，每个文件夹代表的模块，每个文件具体代表的页面

templates

解读的时候加伤对应页面的链接
1.Cart 购物车模块文件夹
    Index.vm 购物车首页 m.网站名.com/cart.html
    Payment.vm 购物车支付页面 m.网站名.com/payment.html

Css文件夹

1.每个样式文件的解读 每个文件夹的作用，问什么这样拆分
    Index.css网站所有样式都在这一个文件
    如果有common.css文件，则为公共样式文件

2.公共样式在哪里
    common.css/index.css头部为公共样式

3. 样式命名规则
   公用代码样式命名规则
   <div class=“base-share”>分享</div>这段代码为公用代码，命名规则为base-功能
   非公用样式命名规则
   针对每个页面命名，页面名称- 例：index-share
 4. 样式需要gulp编译，运行方法为node_module上层目录开启命令行窗口，运行gulp
 其它：(自由发挥)
       网站更新功能，在<div class="base-share"></div>后边新增代码<div class="test"></div>
       新增代码的样式就近添加到上边代码后边 效果如下
           .base-share{}
           .test{}

image文件夹

1.每个文件夹的作用，为何这样拆分 例
    根据不同页面拆分不同的文件夹
    index 存放首页用到的图片
    pay 存放支付用到的图片
    ter 存放终端页的图片
2.图片的命名规则
3.图片添加到服务器后需要包裹到项目里
其它：(自由发挥)

js

1.每个文件夹的作用，问什么这样拆分
    全站通用一个index_css.js文件
    index_css.js 存放整站前端js
2.通用js
    存放在index_css.js中的CoObject
3.Js命名规则
    每个页面一个对象，对象名字为页面的名字 例：
    class Index(){} 首页对象 对象的调用一般放在页面的最底部
    变量命名驼峰命名，jquery加$前缀，原生js变量不加
4.js交互效果全用class控制不写style，css()
5.链接跳转方式,'/a.html',必须加斜杠，用绝对路径
6.全站通用api请求方式，
7.对应接口字段含义
其它：(自由发挥)