微信小程式的小結
搗鼓了一天的微信小程式,作為初學者,把初期的困惑總結出來,便於以後遇到同樣問題方便解決,
①首先下載了一個demo放在專案所在的目錄下,代開編譯工具,重啟或者編譯讓demo顯示出來,在開啟demo的原始碼先檢視一下app.json中pages欄位對應的內容,pages裡面都是要專案共必須的頁面(wxml),路徑是按照檔案所在的路徑開始,重要的是:pages裡面第一個頁面是專案開始的首頁。
③ 元件api demo的一些例子暫時還沒有一個一個看,分析一些主要頁面的原始碼和資料獲取的過程
④wx:for-items宣告一個數組,這個陣列的變數名是films,而wx:for-item則是宣告這個陣列下標的變數名film,官方解釋:
列表渲染
列表渲染wx:for在元件上使用wx:for控制屬性繫結一個數組,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為index,陣列當前項的變數名預設為item {{index}}: {{item.message}} Page({ items: [{ message: 'foo', },{ message: 'bar' }] }) 使用wx:for-item可以指定陣列當前元素的變數名使用wx:for-index可以指定陣列當前下標的變數名: {{idx}}: {{itemName.message}} wx:for也可以巢狀,下邊是一個九九乘法表 {{i}} * {{j}} = {{i * j}} block wx:for類似block wx:if,也可以將wx:for用在標籤上,以渲染一個包含多節點的結構塊。例如: {{index}}: {{item}}
bindtap屬性綁定了一個跳轉事件,點選一個item跳轉到另一個頁面,跳轉事件js中定義
fetch()函式在處理網路請求,關於fetch()的解釋:http://www.cnblogs.com/snandy/p/5076512.html,get到了一些知識。