微信小程式 wxs

2022-03-26 03:51:20 字數 704 閱讀 3952

wxs(weixin script)是小程式的一套指令碼語言,結合wxml,可以構建出頁面的結構。

wxs可以說就是為了滿足能在頁面中使用js存在的,在wxml頁面中,只能在插值}中寫簡單的js表示式,而不能呼叫方法,例如想取出乙個字串的最後一位,就不能呼叫slice()方法。

通常的解決辦法是在page的data物件中先把這個字串擷取好賦給某個變數,然後在頁面中使用這個變數,但是問題又來了,如果變數多了呢,是不是要定義很多次。

在html中引入像arttemplate這樣的模板後,在頁面中只要在界限符內就能使用任何js語法,而不僅僅只是顯示出表示式。

相對來說wxml中使用js語法就比較薄弱了,wxs就是彌補了這樣的短處。

使用 ①寫好wxs檔案 然後匯出要使用的方法或變數

②在待使用頁面 使用引入

③在插值}中使用tools.method_name(para)

例如擷取字串

function my_slice(str,a,b)

module.exports =

}

等等使用方法,運算元組、字串、物件等都可以實現,但是某些方法可能和原生js有衝突,絕大部分語法還是一樣的。

四 微信小程式WXS

rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在iphone6上,螢幕寬度為375px,共有750個物理畫素,則750rpx 375px 750物理畫素,1rpx 0.5px 1物理畫素。裝置rpx換算px 螢幕寬度 750 px換算rpx 750...

微信小程式wxs的使用

先上官方文件 在開發中常用作過濾器,像vue的filter,廢話不說,上 對字串進行分隔程陣列,用在xml的迴圈展示 var msplit function str return str.split 複製 如何使用?新建wxs檔案,複製上面 記得將方法匯出,這樣在wxml裡面才能引入,上 modul...

微信小程式的wxs用法

wxs的兩種用法 直接寫到wxml中 像這樣for wx key index 內容 flex slot title van cell text view view view view view van cell view m1 function msg a module.exports.messag...