pc端個性化日曆實現

2022-08-27 06:33:08 字數 1272 閱讀 6655

技術: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等,都不同程度地使用了各種形式的推薦系統。而近來以 發現 為核心的 正開始在網際網路上嶄露頭角,比如側重於 推薦的八寶盒,側重於圖書...