@by   桑
date: 2016-06-27

grunt创建项目
sass编写样式
require模块化加载脚本
前台展示bootstrap框架
上线前uglify压缩  CDN加速

@ Detail

html:
    body--> class             作为页面样式root，p-开头
    body--> data-module       加载脚本名

sass：
    global.scss          全局引入
    style.scss           页面样式
    _*.scss              模块样式

css：
    global.css           全局样式
    style.css            页面样式

js:
    pages                由body的data-module引入的脚本
    module               脚本模块
    public               公用脚本路径
    third-pary           第三方插件目录
    注： 引用的js名称若为某个模块特定的名字，则该js只能为该模块引用，其他模块不允许出现。
            如courseList.js只允许为课程列表页引用，其他页面即使表现形式一样也不允许用该js，除非该js改如下名称。
         若需要其他模块同用，则改为其他类别。如列表页有两种形式则命名为list_type1.js/list_type2.js;

css命名规则
.p-*    用于指向页面
.c-*    字体颜色
.m-*    模块
.j-*    组件