技術:vue => v-for、slot-scop 插槽域
需求:需要實現日曆上每一天動態顯示不同的資訊
思路:運用vue 中 slot-scop 插槽域的知識點,將個性化的**樣式放到slot中 再通過slot-scop 獲取這個插槽中的所需資料
思路:布局上就是乙個7列,行數不確定的**。只不過,日曆的**是寬和高相等,隨著瀏覽器的大小變化,**大大小也要變化,所以要用padding布局,難點在日期陣列的生成上面。
1.布局的實現}}
****
星期日星期一
星期二星期三
星期四星期五
星期六 }
2.日曆陣列的實現
思路:獲取當前月有多少天,當月第一天對應的星期。
//獲取當月最後一天
function getlastdate(year,month)
//let nextmonthfisrtdate = new date(year,nextmonth,1).getdate()
let lastdate = new date(new date(year,nextmonth,1).gettime() - 1000*60*60*24).getdate()
return lastdate
}//獲取當月第一天對應的星期
function getfirstday(year,month)
//獲取最後一天的星期
function getlastday(year,month)
//獲取當月 日期資料
function getdatearray(yearmonth) })}
else})}
}datearray.push(newarr)
newarr = //清空
let count = 0
for (let i=(7-firstday+1);i<=lastdate;i++))
}else)
count = 0
}if (i == lastdate && count == 6)
count++
}//獲取最後一行
newarr =
if(lastdateday<6))
}else)}}
datearray.push(newarr)
}return datearray;
}
}
}}
個性化網域名稱的實現
個性化網域名稱,即將 使用者的使用者名稱作為二級網域名稱的字首。比如像 如何實現這種功能呢?我採用三個步驟來實現 2 在那台apche伺服器的主機配置中,在你要實現個性化網域名稱的虛擬主機配置 中加入一段 serveralias kakapo.cn kakapo.cn 舉例 namevirtualh...
部落格個性化
頁面定製css header 將預設的導航頭遮蔽掉,這樣才能把自己的導航欄加上去 定製自己導航欄的樣式 shwtop ul shwtop li shwtop li a,dropbtn 滑鼠移上去,改變背景顏色 shwtop li a hover,dropdown hover dropbtn shwt...
個性化推薦技術
如果說過去的十年是搜尋技術大行其道的十年,那麼個性化推薦技術將成為未來十年中最重要的革新之一。目前幾乎所有大型的電子商務系統,如amazon cdnow netflix等,都不同程度地使用了各種形式的推薦系統。而近來以 發現 為核心的 正開始在網際網路上嶄露頭角,比如側重於 推薦的八寶盒,側重於圖書...