這個項目重點加深了樂帝對緩存的了解。並形成了進一步的發布、測試解決方案。由於ios系統本身不帶緩存清理。服務器也會對舊內容有緩存，新發布內容可能不能立即展現。

所以在線修改頁面需要從四方面著手看是否起作用。

通過以上四個方法，基本能保證修改能夠生效。

另外我了解到這個活動是專門針對ipad的活動，所以之前調節其他手機適配沒有必要，以後的活動要注意詢問，活動適用范圍。從斌哥那了解到，他做適配只對iphone和ipad適配，這次樂帝專門在調節適配的時候記錄了各種適配手機的分辨率，基本處於320-480之間，iphone處於320-360並且這也是主流機型所處范圍，ipad分辨率在1024以上，正常引用adapter即可，無需再單獨調節。從此看只調iphone和ipad是很有道理的。

（二）．獲獎展示模塊的開發

開發過程中，特別是目前移動端活動頁面的開發，做久了會發現頁面的模式非常固定，可以省去編寫底層代碼，而直接模塊化“拿來主義”，只需要做點定位工作。獲獎展示這個模塊經常用到，於是單獨拎出來，寫了一個函數。為了防止命名沖突，這裡在命名上做了一些特定的格式。

function h5_winnerArea( winnerObject,total){//參數為數組對象與需要展示的條數
	if(!(arrayObject instanceof Array))
		{return};
	var viewport = $(".viewport")[0];
	var length =  winnerObject.length;//獲獎對象長度
        winnerObject = winnerObject.slice(0,total);//截取對象數組數目用來展示
    var h5_winner = $("");
        h5_winner.appendTo(viewport);//選取第一個viewport，追加此段獲獎代碼到其後
    var h5_winnerUser = $("一共有"+length+"名用戶中獎");
        h5_winnerUser.appendTo(h5_winner);
	var h5_winnerArea = $("");
		h5_winnerArea.attr("class","h5_winnerArea");
		h5_winnerArea.appendTo(h5_winner);
	var h5_winnerArea_list = $("");
		h5_winnerArea_list.attr("class","h5_winnerArea_list");
		h5_winnerArea.append(h5_winnerArea_list);
	var h5_winnerArea_header = $("");
	    h5_winnerArea_header.attr("class","h5_winnerArea_header");
	    h5_winnerArea_list.append(h5_winnerArea_header);
	var h2 = $("
最近獲獎用戶
");
	    h5_winnerArea_header.append(h2);
	var h5_winnerArea_item = $("");
	    h5_winnerArea_item.attr("class","h5_winnerArea_item");
	    h5_winnerArea_list.append(h5_winnerArea_item);
	var ul = $("
");
	    h5_winnerArea_item.append(ul);
	    //循環對象數組用於格式化展示內容
	$.each(winnerObject,function(i,n){
		var li = $("
");
	    ul.append(li);
	var h5_winnerArea_item_icon = $("");
	    h5_winnerArea_item_icon.attr("class","h5_winnerArea_item_icon");
	    li.append(h5_winnerArea_item_icon);
	var img = $("");
	    img.attr("src",n.icon);
	    h5_winnerArea_item_icon.append(img);
	var h5_winnerArea_item_name = $("");
	    h5_winnerArea_item_name.html(n.nickName);
	    h5_winnerArea_item_name.attr("class","h5_winnerArea_item_name");
	    h5_winnerArea_item_name.addClass("h5_winnerArea_textOverflow");
	    li.append(h5_winnerArea_item_name);
	var h5_winnerArea_item_prize = $("");
	    h5_winnerArea_item_prize.html(n.rewardName);
	    h5_winnerArea_item_prize.attr("class","h5_winnerArea_item_prize");
	    h5_winnerArea_item_prize.addClass("h5_winnerArea_textOverflow");
	    li.append(h5_winnerArea_item_prize);
	});
	

}

.h5_winnerUser {
	text-align: center;
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #542004;
	width: 100%;
}

.h5_winnerArea {
	margin-top: 30px;
	width: 100%;
}

.h5_winnerArea_list {
	background-color: #ffffff;
	margin: 0 10px 100px 10px;
	border-radius: 6px;
}

.h5_winnerArea_header {
	padding: 10px 15px 0 15px;
}

.h5_winnerArea_header h2 {
	font-size: 24px;
	font-weight: bold;
	color: #4d4d4d;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
}

.h5_winnerArea_item ul,
.h5_winnerArea_item li {
	list-style:none
}

.h5_winnerArea_textOverflow {
	overflow: hidden;/*溢出元素隱藏*/
	text-overflow: ellipsis;/*溢出元素隱藏顯示‘…’*/
	white-space: nowrap;/*不換行，此三個都是對文字的處理*/
}

.h5_winnerArea_item ul {
	padding: 0 15px;
}

.h5_winnerArea_item li {
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 5px 0 5px 0;
	line-height: 60px;
	height: 60px;
}

 .h5_winnerArea_item_icon {
	float: left;
	width: 40px;
	margin-right: 20px;
}

.h5_winnerArea_item_icon img {
	border-radius: 20px;
	width: 40px;
	height: 40px;
}

 .h5_winnerArea_item_name {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

.h5_winnerArea_item_prize {
	float: right;
	text-align: right;
	display: inline;
	font-size: 20px;
	color: #4d4d4d;
}

由於華為愛奇藝手機活動項目還沒有上線。這裡就不介紹開發情況了。這裡特別感謝一下斌哥，斌哥作為資深程序員，能對我耐心指導規范化編程，解決我的一些想不通的問題，非常感激。