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.对应接口字段寄义
别的:(自由发挥)
       
          
       
    
    原文作者:wolfzwz
    原文地址: https://segmentfault.com/a/1190000016049616
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞