天天看點

微信小程式的小結

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

       ①首先下載下傳了一個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到了一些知識。

繼續閱讀