前端模块化开发应用——日历组件开发

1、创建组件：calendar_test3spm2

2、在package.json中引入依赖：

"dependencies": {
        "jquery": "<=1.9",
        "backbone": "~1",
        "moment": "~2",
        "observer": "~0",
        "lodash": "~3",
        "nunjucks-slim":"~1.1",
        "jquery-chosen": "~0",
        "common-model":"~0",
        "style-base":"~0",
        "layer":"~2"
    },

 在源码calendar_test3spm.js中调用依赖：

/引入依赖
var $ = require('jquery');
var _ = require('lodash');
var backbone = require('backbone');
var nunjucks = require('nunjucks-slim');
var moment = require('moment');
var observer = require('observer');
var chosen = require('jquery-chosen');
var CommonModel = require('common-model');
var layer=require('layer');
    
//引入样式
require('../css/calendar_test3spm-theme-base.css');

3、首先进行整个日历功能（包括翻年月）的功能实现：（写在源码中的backbone.View框架中）

4、模板文件写于： runk emplatecalendar_test3spm.html中，主要是：第一行区域选择的DOM，下部的日历展示的DOM。

5、样式文件写在： runkcsscalendar_test3spm-theme-bass.css

6、在 runkexamplesindex.html