星星組件實(shí)現(xiàn)思路:(比如傳遞進(jìn)來3.5,怎么變成星星)
1、如何實(shí)現(xiàn)全星?
2、如何實(shí)現(xiàn)半星?
3、如何實(shí)現(xiàn)無星?
我們知道就要三個(gè)全星,一個(gè)半星,一個(gè)無星
先明確一個(gè)目標(biāo),就是要做成數(shù)組的形式,因?yàn)樵趘ue中有列表渲染方法可以使用。列表渲染需要遍歷數(shù)組來進(jìn)行頁面渲染。
全星的話就用,這個(gè)數(shù)先向下取整,然后進(jìn)行for循環(huán),將這個(gè)數(shù)的星星數(shù)據(jù)加進(jìn)去。
半星的話:將這個(gè)數(shù)乘以2,然后判斷是否為奇數(shù)來添加到數(shù)組中。
無星的話:將這個(gè)數(shù)(3.5)向上取整,然后用5減去,得到的數(shù)進(jìn)行循環(huán),添加到數(shù)組里面。
其實(shí)實(shí)現(xiàn)思路有很多種,這只是其中的一種。
看這兩張圖的前提是會(huì)ES6和vue,不然就看看思路好了。


喜歡你的贊?。?!