08 黑馬優購小程式 分類頁面

2022-06-14 09:15:09 字數 1471 閱讀 2877

1.分類頁面效果

分為三塊部分:分析介面資料如何渲染,新增點選切換效果,增加快取功能

wx:key='*this'

bindtap="handleitemtap"

data-index="}"

>}

wx:for="}"

wx:for-index="index1"

wx:for-item="item1"/}

/wx:for-index="index2"

wx:for-item="item2"

wx:key='cat_id'

}/* pages/category/index.wxss */

page

快取功能新增

1.判斷本地儲存中有沒有舊的資料,沒有就傳送新請求,如果有且未過期,就使用本地快取的

// 1.判斷本地儲存中資料,小程式也有本地儲存技術

const cates = wx.getstoragesync('cates')

// 2.判斷,若是不儲存

if (!cates) else else );

/*構造左側的大選單 */

let leftmenulist = this.cates.map(v => v.cat_name);

/*構造右側的商品資料 */

let rightcontent = this.cates[0].children;

this.setdata( = e.currenttarget.dataset;

let rightcontent = this.cates[index].children;

this.setdata({

currentindex: index,

rightcontent

* 生命週期函式--監聽頁面初次渲染完成

onready: function() {

* 生命週期函式--監聽頁面顯示

onshow: function() {

* 生命週期函式--監聽頁面隱藏

onhide: function() {

* 生命週期函式--監聽頁面解除安裝

onunload: function() {

* 頁面相關事件處理函式--監聽使用者下拉動作

onpulldownrefresh: function() {

* 頁面上拉觸底事件的處理函式

onreachbottom: function() {

* 使用者點選右上角分享

黑馬程式設計師 學習筆記08 異常處理

windows phone 7手機開發 net培訓 期待與您交流!對於c 中的異常,我們經常採用的方法就是try,catch!但是當使用了try,catch後是繞開了錯誤,但是卻不能發現錯誤了!想要在使用了try 後還想知道是在 犯的錯誤就需要用throw new exception!至於怎麼用如圖...

黑馬程式設計師 Java物件導向 day08

asp.net android ios開發 net培訓 期待與您交流!1 多型 定義 可以理解為事物存在的多種體現形態。例如 動物中貓,狗。貓這個物件對應的型別是貓型別 貓 x new 貓 同時貓也是動物中的一種,也可以把貓成為動物。動物 y new 貓 動物是毛和夠具體事物中抽取出來的父型別 父型...

08 黑馬程式設計師 流程控制(順序 選擇 迴圈)

順序結構 預設的流程結構。按照書寫順序執行每一條語句。選擇結構 對給定的條件進行判斷,再根據判斷結果來決定執行哪一段 迴圈結構 在給定條件成立的情況下,反覆執行某一段 如果if右邊小括號 中的條件成立,也就是為 真 時,就會執行第2 6行大括號 中的語句 如果條件為假,就不執行大括號 中的語句。這裡...