预热页的总结 技术栈JQ （邀请好友，抽奖，swiper事件运用）

邀请好友

（逻辑：点击按钮复制活动链接，链接 拼上 用户ID参数），好友登录（逻辑：获取链接上的用户ID参数，好友登录时，该用户ID参数，作为被邀请码invite，发给接口，好友被邀请完成）

dialog.js 全局弹窗组件

一键复制到剪贴版

clipboard.min.js  一键复制插件 ，可兼容移动端IOS

	var clipboard = new Clipboard('.copy');
		clipboard.on( 'success', function( e ) {
		alert( '复制成功' );
		e.clearSelection();
	} );
	clipboard.on('error', function(e) {
		alert('请选择“拷贝”进行复制!')
	}); 

split()从把字符串  从指定的字符串开始截取，生成新的数组，再获取需要的字符串

var url = window.location.href;
		console.log(url) // http://svn.gmyr.com/?invite=332

		var str = url.split('?')
        console.log(str) //["http://svn.gmyr.com/","invite=332"]

		for(var i=0;i

liMarquee 轮播插件

http://www.dowebok.com/demo/188/index5.html API文档

// 中奖名单 跑马灯
	$('.Marquee').liMarquee({
		direction: 'up'	, //垂直跑马灯
		scrollamount: 20 // 速度
    });

.Marquee{
		font-size: 0.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #fff;
    background: none
		}


	

        
aaaaaaaaaa
        
aaaaaaaaaa
        
aaaaaaaaaa
	

swiper轮播 事件运用

 var swiper = new Swiper('.gift-swiper', {
					  	effect: 'coverflow',
					  	spaceBetween : -10,// 模块之间的间隔
				        centeredSlides: true, //居中
				        slidesPerView: 'auto', // slider能显示的slides数量
				        initialSlide: 0, //默认显示第几个slider
				        navigation: { //切换按钮
				        	nextEl: '.swiper-button-next',
				        	prevEl: '.swiper-button-prev',
				        },
				        observer:true, //显示隐藏等，需要事件执行时需要true它
				        on: {
							    transitionEnd: function(){
                            //transitionEnd 为 slider滑动结束后执行
                            // this.activeIndex 当前slider的索引
							      var activeIndex = this.activeIndex+1
                                }
                        }
                        })

// 轮播图定位 swiper.slideTo方法，显示第N个slider
	swiper.slideTo(1（第N个slider）, 1000(速度), false);