M站开发规范——By Klax

M站开发的规范，根据具体情况，涉及代码组织的模式，代码编码风格，模块化等，经...研究...决定：

1.采用AMD 规范(RequireJS)实现js模块化。

2.单个文件尽量采用面向对象编程和模块化结构，采用闭包，避免全局污染。

禁止css中插入js，禁止js直接控制css。

3.css使用预编译less，初始化reset.css,common.css

4.图片的命名规范：相同功能模块放在一个文件夹下面 例如：test下的 类型_功能_类别_标记 ： icon_longin_user_white.png

 相同的模块使用前缀限制：

例如：

.det_top { padding:.1rem; }
.det_top h2 a { font-size:18px; color:#2db7f5; }
.det_top_right{float:right;}
.det_top_right button{border: 1px solid #C7CACC;padding: 4px 30px;background-color: #fff;border-radius: 3px;outline:none;}

命名规范：

头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner

声明：authortication

4.插件MUI，zepoto，mobileValidate，可能用到swipter3.X。

在用到UI框架的时候尽量做到添加自己的类名my_banner，尽量不要在原类名上做修改，更不要改源文件。

id是用来管理js，不要乱用！

目录结构如下：