E企盈营销工具技术服务商 热线:4006-838-530

wxs,小程序中的wxs文件

E企盈直播平台营销卖货系统

注意(来自官方文档)wxs不依赖于运行时的基础库版本,可以在所有版本的中运行。wxs与javascript是不同的语言,有自己的语法,并不和javascript一致。wxs的运行环境和其他javascript代码是隔离的,wxs中不能调用其他javascript文件中定义的函数,也不能调用小程序提供的API。wxs函数不能作为组件的事件回调。由于运行环境的差异,在iOS设备上小程序内的wxs会比javascript代码快2~20倍。在android设备上二者运行效率无差异。举个例子,在wxs出来之前,如果我们要连接一个数组的内容并显示在wxml中,我们需要通过循环连接数组的每一项:.wxmlviewblockwx:for=”{{names}}”wx:key=”item”{{item}}/block/view.jsPage({data:{names:[‘Tom’,’Peter’,’Gray’,’Lisa’]},})或者先在js中连接好,放在data中,再显示在wxml中:.wxmlview{{content}}/view.jsPage({data:{content:””,names:[‘Tom’,’Peter’,’Gray’,’Lisa’]},onLoad(options){letcontent=this.data.names.join(“”)this.setData({content})}})有了wxs后,我们可以直接在wxml完成:.wxmlwxsmodule=”util”varjoinArray=function(array){returnarray.join(”)}module.exports={joinArray:joinArray}/wxsview{{util.joinArray(names)}}/view或者将工具函数保存为单独的文件,通过引入来使用:/src/wxs/common.wxsvarjoinArray=function(array){returnarray.join(”)}module.exports={joinArray:joinArray}/pages/index/index.wxmlwxssrc=”../../src/wxs/common.wxs”module=”util”/view{{util.joinArray(names)}}/view引入的时候,wxs标签src填写相对路径(绝对路径无效),module指定名字。我们也可以将页面中的一些常量放在wxs中:varMAX_COUNT=19module.exports={MAX_COUNT:MAX_COUNT}总结:WXS增强了wxml的功能,相当于页面中的脚本语言,我们可以将比如检查手机格式的函数放在wxs中来使用(根据是否正确来改变相应的样式),而不用跑到在js中去检查。需要注意的地方:wxs目前似乎并不支持ES6(至少let不能使用)wxs文件不能被js文件引用。wxs文件能引用wxs文件。参考:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » wxs,小程序中的wxs文件
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏