1. 程式人生 > 其它 >小程式、H5、APP開發常用程式碼對比

小程式、H5、APP開發常用程式碼對比

一、小程式:

1.介面

<view></view> <!--塊元素常用於初始頁面定位配合 position:relative 使用-->
<text></text> <!--行內元素,常用於顯示當前價格,市場價格,橫排顯示的文字-->
<image></image><!--行內元素,常用來顯示商品圖片,橫向顯示配合text顯示,豎排顯示配合display:block或者display:flex實現豎排顯示-->
<block></block><!--塊元素,常用於程式判斷顯示,配合wx:if="{{show}}"-->
<view bindtap="submit"></view> <!--塊元素bindtap常用於繫結函式,實現程式邏輯層-->

2.程式

onload:function() <!--小程式初始載入,只執行一次-->
onshow:function() <!--小程式初始載入,每次進入頁面都執行,可以配合this.onshow()實現頁面重新整理資料-->
this.setData({}) <!--小程式資料賦值,實現資料實時變化-->
wx.request({}) <!--小程式請求資料,經常與後端API介面配合使用,從而實現產品功能邏輯-->
wx.setStorageSync({}) <!--資料儲存,常用於使用者登入狀態判斷和地址跳轉判斷-->
wx.getStorageSync({}) <!--資料讀取,常用於使用者登入狀態判斷和地址跳轉判斷-->