1. 程式人生 > >微信小程式的小結

微信小程式的小結

       搗鼓了一天的微信小程式,作為初學者,把初期的困惑總結出來,便於以後遇到同樣問題方便解決,

       ①首先下載了一個demo放在專案所在的目錄下,代開編譯工具,重啟或者編譯讓demo顯示出來,在開啟demo的原始碼先檢視一下app.json中pages欄位對應的內容,pages裡面都是要專案共必須的頁面(wxml),路徑是按照檔案所在的路徑開始,重要的是:pages裡面第一個頁面是專案開始的首頁。

            

         ②專案目錄中app.wxss是全域性的樣式類可以寫在裡面,公共的class可以寫在裡面然後在wxml中呼叫,不公共的的js和wxss可以和wxml放在一個資料夾下(三個檔案的命名都要一樣),必須上圖中的,douban資料夾下有三個資料夾,分別包含各自的wxml,wxss和js.

      ③  元件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}}

for迴圈的趕腳,中間的if--else也類似直接可以在標籤中使用的語法

bindtap屬性綁定了一個跳轉事件,點選一個item跳轉到另一個頁面,跳轉事件js中定義

   


fetch()函式在處理網路請求,關於fetch()的解釋:http://www.cnblogs.com/snandy/p/5076512.html,get到了一些知識。