通过wxs结合wxml构建微信页面视图结构内容,使用wxs做过滤处理或计算处理来使用,wxs的语言特性:
一.模块特性:可以通过标签来声明、也可以通过文件来声明、文件需要命名为 .wxs后缀的文件,在wxs模块里每一个模块所定义的变量和函数默认都是私有的、对外是不可见的。
在index.wxml文件内声明了xws模块,通过xws标签来声明。
xws模块名通过module属性来定义的,在xws模块外使用view标签、在view标签引入了wxs模块的message变量。
通过module对象exports属性将模块内的一些变量和函数、暴露出来让外部使用,在xws模块内通过require函数来引用其它xws文件,如图:
在index.wxml文件内通过xws标签来引入外部wxs文件所定义的模块,src属性是外部wxs文件的一个路径,module属性就是wxs文件外部对应的模块名。
在m2.wxs文件内通过require函数来引用m1.wxs模块,在index.wxml文件内就可以使用声明wxs模块的变量了,如图:
***注意在同一个页面不要重复的声明wxs模块名,否则后面所声明的wxs模块名会覆盖前面所定义的wxs模块!***
二.变量特性:这里的用法和 ES5JavaSprict标准的变量用法是一致的。
三.注释特性:1、单行注释 2、多行注释 3、结尾注释
在index.wxml文件内通过xws标签module属性来定义了模块“m3”、前两行定义的var v变量,通过module.exports属性将value暴露给外部来使用。
2、多行注释里面通过v=v+1;让 v自增,通过console.log打印出v变量的值。如果var v没有生效的,打印出来的应该是"2"、不是"1"。
3、结尾注释在结尾注释后面的语句它都不会被指执行到,例如定义了var d 赋值是3,用控制台打印d变量的值。它是结尾注释后面控制台就没有显示出它的变量值,如图:
四.运算符:wxs有7种常见的运算符 1、基本运算符 2、一元运算符 3、位运算符 4、比较运算符 5、等值运算符 6、赋值运算符 7、二元逻辑运算符
1、基本运算符就是常见的"+ - * /",的运算。
2、一元运算符包括"自增、自减、正负值、"运算等。
3、位运算符包括"& 按位与、| 按位或、^ 按位异或、~取反、<<左移、>>右移"。
4、比较运算符包括"==(等号) 等于 (A1=B1)、>(大于号) 大于 (A1>B1)、<(小于号) 小于 (A1
<>(不等号) 不相等 (A1<>B1)"。
5、等值运算符包括"=运算、===(全等)运算、!==(非全等)运算、非等运算"。
6、赋值运算符比较长用的"a=a+1、a=a-1"等等。
7、二元逻辑运算符包括"a|b、a&b"等等,如图:
五.wxs数据类型,六.数据类型:1、number(数字类型) 2、string(字符串类型) 3、boolean(布尔类型) 3、object(对象类型) 4、array(数组类型) 5、function(函数类型) 6、date(日期类型)
7、regexp(正则类型),如图:
***生成data对象是使用GetDate() 函数,生成regexp对象是使用GetRegexp()函数,不能通过new运算符直接生成。***
七.基数类库 :1、console 2、Math 3、JSON 4、Number 5、Date 6、Global ,如图:
***基础类库和JavaScript ES5标准基本是一样的,区别在于wxs console 基础类库是指console.log这个方法,Date只提供了JavaScript ES5中Date函数的三种方法:
1.data.parse函数作用,是解析字符串形式的日期时间返回该日期时间的时间戳(Unix)。
2.datanow是返回当前日期时间时间戳(Unix)。
3.data.utc返回指定时间的时间戳(Unix)。