requre.js模块管理页面中的js文件，优化页面，减少请求

1、html

         

         

    

         

    

         

    

         

    

    

    

2、require.js模块

require.config({
	paths:{
		jquery:"./jquery.min",
		swiper:"./swiper.jquery.min",
		animate:"./swiper.animate1.0.2.min"
	},
	shim:{
		swiper:{
			deps:["jquery"],
			exports:"Swiper"
		},
		animate:{
			deps:["swiper"],
			exports:"animate"
		}
	}
})

require(["jquery","swiper","animate"],function ($,swiper,animate) {
	 var mySwiper = new Swiper ('.swiper-container', {
	  direction : 'vertical',
	  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
	    swiperAnimateCache(swiper); //隐藏动画元素 
	    swiperAnimate(swiper); //初始化完成开始动画
	  }, 
	  onSlideChangeEnd: function(swiper){ 
	    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
	  } 
	}) 
})