本文發表至今已有一段時間,錯別字多、文筆混亂、內容過於陳舊。本人建議讀者不必細究,大概瀏覽即可,最新的開發指南還是以官方文檔為准,該博文的示例代碼經過了重構,已經與官方文檔同步,可能與文中的代碼片段有較大差異,請以 Github 倉庫上的代碼為准。 最近微信小程序被炒得很火熱 ...
今天實現了業務中最常見的列表到詳情的功能,做一個總結歸納,方便自己以后溫習 兩個頁面分別要實現如下設計稿的視圖 在開始之前首先復習一下es promise的用法,之前一直聽說過promise的用法,但一直沒有實戰過 首先寫一個小DEMO,使用promise打印出微信小程序的當前系統信息 接着開始自己的項目,復制一個HTTP.js叫 HTTP,把原先的先保留着預防出問題, HTTP.js模塊新建一 ...
2019-05-24 20:03 0 1037 推薦指數:
本文發表至今已有一段時間,錯別字多、文筆混亂、內容過於陳舊。本人建議讀者不必細究,大概瀏覽即可,最新的開發指南還是以官方文檔為准,該博文的示例代碼經過了重構,已經與官方文檔同步,可能與文中的代碼片段有較大差異,請以 Github 倉庫上的代碼為准。 最近微信小程序被炒得很火熱 ...
這是我個人的第一個原生微信小程序,作為一枚萌新,自己沒有前端經歷,所以代碼很混亂,界面很簡單,難度也很低,主要用來記錄自己學小程序過程中遇到的問題。 一、 先上預覽圖 左右滑動切換每周推薦的圖書,點擊封面進入圖書詳情頁面,點擊tabBar上的關於可進入關於頁 二、詳細 ...
初學小程序,碰到列表與詳情頁跳轉遇到的問題,記錄一下。 一、問題 1個列表頁: 1個詳情頁: 列表頁代碼: onLoad:異步查詢數據並setData 詳情頁代碼: 保存成功后,調用navigateBack 問題來了,從詳情頁跳轉回列表頁后,頁面不刷新,還是修改 ...
點擊列表跳轉到對應詳情頁: 用自定義屬性data-index保存當前點擊列表的index,在點擊跳轉的方法中獲取index並且拼接到要跳轉的路徑后面: 跳轉到詳情頁,在onLoad鈎子中通過參數options獲取傳過來的index,渲染對應的數據 ...
先看一個簡單的例子 wx:for 用來渲染列表,綁定的是一個數組 使用數組中各項的數據重復渲染該組件,從而形成一個列表。 index 是數組newsList的下標,newsList[index],獲取當前對象 再來一個例子 item 表示當前 ...
wx:for 在組件上使用 wx:for 控制屬性綁定一個數組,即可使用數組中各項的數據重復渲染該組件。 默認數組的當前項的下標變量名默認為 index,數組當前項的變量名默認為 item 使用 wx:for-item 可以指定數組當前元素的變量名, 使用 wx ...
wx:for,(wx:for-item,wx:for-index),wx:key. 列表循環包括數組循環和對象循環 一、數組循環 此時控制台報錯如下:屬性“wx:key”可以提高性能。 Wx:key=”唯一的值”,數組中對象的唯一屬性,如id;如果是普通數組,則用 ...