微信小程式(九)

2022-02-15 21:28:39 字數 2507 閱讀 6269

小程式執行環境與基本架構

wxml視**件和wxss樣式檔案都是對渲染層的描述

指令碼檔案js檔案是對頁面的邏輯層的描述

網頁都內建了乙個 webviewid 的內部狀態變數,來記錄他們各自是在幾號 weview 程序之中進行渲染的

page(

}})

<

text

wx:if

="}"

style

="font-size:16rpx;color:red;"

>推薦

text

>

i 如果是true 就顯示"推薦",反之...>

使用條件渲染與使用 hidden 屬性有什麼區別

使用 hidden 屬性時,這個元素總是要先輩渲染生成的 hidden 屬性只是控制了其可見性而已,對於可見性需要頻繁切換的時候我們就不建議使用條件渲染

列表渲染

重複的渲染生成元件

wx:for 所繫結的資料陣列,會迴圈遍歷後顯示。使用 item 生成物件的概念

<

view

class

='movie'

wx:for

="}"

>

<

image

class

='movie-image'

src='}'

>

image

>

<

text

>}

text

>

<

text

>點:}

text

>

<

text

wx:if

="}"

style

='font-size:16rpx;color:red;'

>強烈推薦

text

>

view

>

使用 swiper 元件

從列表展示變為幻燈片輪播展示

頁面生命週期函式

頁面狀態資料如何初始化,onload(options)  第一被呼叫,完成頁面初始化操作

onshow  初始載入之後呼叫一次

onready  渲染完成後呼叫

onhide  每一次被隱藏的時候被呼叫一次

onload:function (options))

}

this.setdata() 方法

小程式並沒有提供類似 dom 的js api 來直接更新檢視

this.setdata() 方法-更新資料並讓框架自動更新相關檢視

更新是增量式的

單向繫結的

小程式中對內部狀態資料進行更新,不能採用直接賦值寫入的方式

f0:function

(event))

}

微信小程式把玩(九)scroll view元件

原文 scroll view為滾動檢視,分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll view不會生效。滾動檢視常用的地方一般都是item項比較多的介面,比如我的模組 主要屬性 使用演示 wxml scroll y true style height 200px ...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式開發 九 小程式支付 申請退款

這裡不是黑ofo。之前本著體驗一下ofo的小黃車,就註冊了乙個小黃車賬號,充值了20送了5快。後來發現我上下班每天經過的路段就很好少有小黃車,有也是被個人占用了。一怒之下就退了押金,這個退款到還是很快。後來退賬戶餘額就是一件很惱火的事情。打ofo的400 不是沒人接就是接了之後就斷線或者有人跟進了也...