WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML
,可以构建出页面的结构。
- WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
- WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。
- WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API。
- WXS 函数不能作为组件的事件回调。
- 由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
其实,我也没有仔细读上面的句子,我还是直接写上,我在项目中关于wxs文件的应用吧。
首先创建一个wxs文件夹里面有mywxs.wxs文件。
然后里面的代码:输出一个filter函数。
作用是:将传递进来的数字num限制为小数点后最多2位的精确度。
在前端开发过程中,如果我们用123411*0.01,得到的确是1234.1100000000001这样的结果,显然不是我们想要的。
module.exports = {
text: 'This is from wxs',
filter: function (num) {
return parseFloat(num.toFixed(2));
}
};
我们在需要用到这样数据处理的文件夹引入:
import mywxs from '../../../wxs/mywxs.wxs';
然后进行声明使用:
wxs = {
m1: mywxs
}
自此,在当前页面结构中,就可以使用了:
{{m1.filter(item.amount*0.01)}}