微信小程式之邏輯層與介面層03

helloworld工程師發表於2020-11-07

微信小程式之邏輯層與介面層03

邏輯層(JavaScript)

在小程式中,我們認知的JavaScript是和小程式中的JavaScript是有些不同的

1.小程式不是執行在遊覽器中的,所以是沒有DOM和BOM物件的

2.在小程式的Javascript中有一些額外的成員

APP() 用於定義應用程式的例項物件

Page() 用於定義物件

getAPP() 用於獲取到應用程式的例項物件

getCurrentPages()用來獲取當前頁面的呼叫棧(陣列,也就是最後一個也就是當前頁面)

wx物件 用來提供額外的API的

3.小程式中的JavaScript是支援Commonjs規範的(瞭解node.js即可)

在utils包中去寫一個公共的方法

 

 

通過foo來在別的頁面呼叫我們寫好的公共的方法

4.關於ES6轉ES5

官方文件給了我們提供瞭解決方案

介面層(wxml+wxss)

資料繫結

之前接觸到的後端和前端的一些模板引擎,比如Java中的jsp裡面支援一些el和jstl的表示式,或者是Thymeleaf.小程式的這種資料簡單繫結比較類似於vue中的插值表示式也就是通過倆個花括號進行資料的簡單繫結

 

補充:

mustache語法也可以用在class屬性後面,使用wxss檔案來去定義它的樣式

 

 

語法會預設將字串不為空的值為true,可以使用mustache來解決這個問題

關於列表的渲染

首先需要在我們頁面的data中定義一個陣列

 

注意:如果我們的全域性變數中有item,可以使用vx:for-iten="aaa"用aaa來代替item,遍歷每個座標的索引可以通過vx:for-index來獲取

相關文章