星星組件實(shí)現(xiàn)

星星組件實(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,不然就看看思路好了。

喜歡你的贊?。?!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基于Vue的一些資料 內(nèi)容 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,276評論 0 1
  • UI組件 element - 餓了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的組...
    魯大師666閱讀 43,622評論 5 97
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫 m...
    小姜先森o0O閱讀 10,097評論 0 72
  • 一、了解學(xué)情,討論導(dǎo)入 “風(fēng)聲雨聲讀書聲,聲聲入耳,家事國事天下事,事事關(guān)心?!?生活瑣事與信息時(shí)代的大爆炸,如何...
    槿七_(dá)d1ee閱讀 206評論 1 1
  • 洪武大帝這一篇講述的大都是戰(zhàn)爭故事,看得我好不過癮。 第1-23章講述明太祖朱元璋的故事 朱元璋從一個(gè)乞丐白手起家...
    英天閱讀 448評論 0 2

友情鏈接更多精彩內(nèi)容