小程式程式設計第24課

2021-10-09 06:11:29 字數 921 閱讀 3816

各位戰友,早上好。這節課我們的目標是把上節課計算出來的資料展示到頁面上。

怎麼把陣列裡面的資料展示到頁面上呢?

我們首先要把它儲存到data裡面

也就是說,我們需要在data中增加乙個屬性,名字叫items,初始化為空陣列

data:

,

然後我們把計算好的資料存進去

this

.setdata

()

但是怎麼展示到頁面上呢?

這可是陣列啊

我們是通過迴圈把每一行的資料放到陣列中的,反過來,我們可以通過迴圈把每一行的資料從陣列中取出來然後放到頁面上。

也就是說,頁面上的東西也是可以迴圈的。

我們可以這樣

wx:for

="}"

class

="td"

>

>

}text

>

>

}text

>

>

}text

>

>

}text

>

view

>

這幾行**是什麼意思?

wx:for的意思是,迴圈渲染當前節點。也就是迴圈這幾行**。

items就是我們儲存的**資料,item就是每一行的資料

迴圈預設是從陣列第0個元素開始到最後乙個結束

item.index,我猜那你應該知道是啥意思了,就是訪問當前元素的index屬性。

當前元素就是每行的物件,每行的物件都包含index這個屬性,所以可以訪問

於是我們就渲染出了列表資料。

儲存一下,試試。然後成功了。

記得提交**

跟著教程寫出**渲染出列表即可

第24課 貪吃蛇遊戲

本節課將利用全域性快捷鍵實現一款貪吃蛇的遊戲,下面先看下遊戲主介面的截圖。mac os x 的效果如圖所示。windows 的效果如圖所示。全域性快捷鍵需要通過 globalshortcut 物件註冊,使用下面的 可以得到 globalshortcut 物件。const require electr...

C語言程式初體驗 第24課 if語句的巢狀

專案1 分段函式求值 從鍵盤輸入x的值 要求為實型 根據公式1計算並輸出x和y的值。檔名稱 mian.c 作 者 johby360 完成日期 2016年11月20日 版 本 號 v1.0 專案1 分段函式求值 程式設計序,從鍵盤輸入x的值 要求為實型 根據公式1計算並輸出x和y的值。include ...

python基礎教程共60課 第24課if的巢狀

python基礎教程共60課 第24課if的巢狀 python 第24課 if的巢狀 和for迴圈一樣,if也可以巢狀使用,即在乙個if elif else的內部,再使用if。這有點類似於電路的串聯。if 條件1 if 條件2 語句1else 語句2else if 條件2 語句3else 語句4在上...