快速上手

开发中，敬请期待

使用场景

在微信小程序中，wxml 的数据绑定仅支持简单运算，例如：三元表达式、算数运算、逻辑判断、字符串运算；不支持复杂的计算，比如： Array 的 join 、 pop 、slice ，String 的 indexOf 等方法。但在实际开发中，需要在wxml中使用上述方法的场景还是挺多的。

因此我们将数组、字符串的常用方法封装到WXS中，以方便在 wxml 中的使用。除此之外，还会封装一些常用的业务函数，比如：补零函数、动态设置class等。

快速使用

过滤器使用时，你可以在wxml中使用，也可以在wxs中封装自己的业务逻辑中使用，两种使用场景下的引入方式是不同的。

在wxml中使用

必须先引入，再使用。以使用 String 为例如下：

<wxs src="../../../dist/filter/string.wxs" module="string"/>

注意事项

• src 是相对路径
• module 值用于调用过滤器的方法

在wxs中使用

必须先引入，再使用。以使用 String 为例如下：

var string = require("../../../dist/filter/string.wxs");

注意事项

• require 是相对路径

基础过滤器

String

• toString
• valueOf
• charAt
• indexOf
• lastIndexOf
• slice
• split
• substring
• toLowerCase
• toUpperCase
• trim

Array

• join
• pop
• push
• reverse
• shift
• slice
• concat
• splice
• unshift
• indexOf
• lastIndexOf

判断数据类型过滤器

• isNumber
• isString
• isObject
• isBoolean
• isFunction
• isDate
• isArray
• isRegExp

业务型过滤器

• 设置class

未来计划

微信小程序从 2.4.4 开始支持WXS响应事件以提升频繁用户交互在小程序上的体验，但目前版本覆盖率比较低，具有兼容性问题。随着小程序2.4.4 以上版本使用率提升，我们会封装一些常用的WXS响应事件。