星星組件實現思路:(比如傳遞進來3.5,怎么變成星星)
1尉尾、如何實現全星烦粒?
2、如何實現半星代赁?
3扰她、如何實現無星?
我們知道就要三個全星芭碍,一個半星徒役,一個無星
先明確一個目標,就是要做成數組的形式窖壕,因為在vue中有列表渲染方法可以使用忧勿。列表渲染需要遍歷數組來進行頁面渲染。
全星的話就用瞻讽,這個數先向下取整鸳吸,然后進行for循環(huán),將這個數的星星數據加進去速勇。
半星的話:將這個數乘以2晌砾,然后判斷是否為奇數來添加到數組中。
無星的話:將這個數(3.5)向上取整烦磁,然后用5減去养匈,得到的數進行循環(huán),添加到數組里面都伪。
其實實現思路有很多種呕乎,這只是其中的一種。
看這兩張圖的前提是會ES6和vue陨晶,不然就看看思路好了猬仁。
喜歡你的贊!O扔湿刽!