整站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.对应接口字段寄义
别的:(自由发挥)