小程式執行環境與基本架構
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 不是沒人接就是接了之後就斷線或者有人跟進了也...