微信小程序---wxs脚本

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。

1.wxs和JavaScript的区别

2.wxs脚本基础语法

(1)定义内联的wxs脚本

此处例子是在wxs标签内提供module,名为m1,然后将toUpper方法exports出去,在外面就可以直接调用toUpper方法,通过m1.toUpper(username)调用

(2)定义外联的wxs脚本

使用外联的wxs脚本

3.wxs的特点

(1)不能作为组件的事件回调,只能用于{{}}插值表达式使用

(2)wxs不能调用js中定义的函数,也不能调用小程序提供的API

(3)在ios设备上,小程序内的wxs会比js代码快2-20倍,在Android设备上,二至运行效率无差异

相关推荐
WangHappy13 小时前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端18 小时前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker2 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker2 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者4 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround5 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround5 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌6 天前
小程序——布局示例
小程序
码云数智-大飞6 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54596 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序