微信小程序-WXS模块

简介: 微信小程序-WXS模块

WXS模块


WXS(weixin script)是微信小程序内一套脚本语言。本质上来讲wxs提供一个机制,允许我们去定义wxs文件,来在wxml文件中去使用wxs文件中定义的函数,可以将其看作是vue中的过滤器。在使用wxs模块的时候有以下几个注意点:

  • wxs模块文件,其扩展名是.wxs
  • wxs模块文件的代码写法与js类似,but:
  • 不支持es6写法
  • 箭头函数
  • let、const
  • class
  • 对象简写
  • wxs模块的语法支持部分的js语法
  • wxs模块起到的是辅助的作用,一般在写的时候可以写在utils目录下

例如:定义wxs模块,将字符串转小写,并且截取子串

// 该文件模块起到了类似于vue的过滤器的作用,所以其中存放的都是一些处理程序方法,因此在这里写function即可,记得最后导出
function handlerChars(chars, length) {
    // 如果在函数内需要定义变量,则请用var,不能使用const和let
    // var a = 11;
    // 将字符串转小写,并且截取子串
    return chars.toLowerCase().slice(0, length)
}
// ... 如果有更多的方法需求,接着定义即可
// 切记,记得导出
module.exports = {
    // 不能使用es6的简化写法,必须:“属性名:属性值”
    handlerChars:handlerChars
}


在wxml中去使用wxs模块提供的方法:

<!--pages/wxs/wxs.wxml-->
<text>pages/wxs/wxs.wxml</text>
<!-- 在使用wxs模块的时候需要导入wxs的,后面的引入相当于是导入,导入的是一个对象,可以通过module属性进行命名 -->
<wxs src="/utils/functions.wxs" module="tools"/>
<view>
{{tools.handlerChars(str,10)}}
</view>


目录
相关文章
|
小程序 前端开发 网络协议
微信小程序开发之后台数据交互及wxs应用
微信小程序开发之后台数据交互及wxs应用
150 0
|
5月前
|
开发框架 前端开发 JavaScript
在微信框架模块中,基于Vue&Element前端的事件和内容的管理
在微信框架模块中,基于Vue&Element前端的事件和内容的管理
|
5月前
|
开发框架 移动开发 前端开发
在微信框架模块中,基于Vue&Element前端的后台管理功能介绍
在微信框架模块中,基于Vue&Element前端的后台管理功能介绍
|
5月前
|
小程序 安全 数据挖掘
陪玩语聊APP小程序定制开发模块功能
随着电竞行业的规范化,游戏陪玩软件兴起,提供专业陪玩服务。核心功能包括:多样化注册登录、用户资料展示、智能匹配筛选陪玩、语音互动(多人/私聊)、订单交易管理、陪玩入驻审核、数据分析、客服系统及社交功能。旨在融合游戏、语音聊天与社交,构建综合娱乐平台。
|
5月前
|
开发框架 前端开发 JavaScript
在微信框架模块中,基于Vue&Element前端,通过动态构建投票选项,实现单选、复选的投票操作
在微信框架模块中,基于Vue&Element前端,通过动态构建投票选项,实现单选、复选的投票操作
|
6月前
|
JavaScript 前端开发 NoSQL
技术心得:微信小助手之wechaty模块(个人笔记,于人无用)
技术心得:微信小助手之wechaty模块(个人笔记,于人无用)
60 0
|
7月前
|
小程序
外卖小程序-购物车模块表结构设计和后端代码
外卖小程序-购物车模块表结构设计和后端代码
66 0
|
7月前
|
小程序 开发者
微信小程序“Error: xxx.js 已被代码依赖分析忽略,无法被其他模块引用”报错?
微信小程序“Error: xxx.js 已被代码依赖分析忽略,无法被其他模块引用”报错?
643 0
|
7月前
|
JavaScript 小程序 前端开发
【微信小程序】-- WXS 脚本(二十九)
【微信小程序】-- WXS 脚本(二十九)
|
7月前
|
小程序 JavaScript
微信小程序:如何在{{}}中使用函数?WXML+WXS
微信小程序:如何在{{}}中使用函数?WXML+WXS
647 0