【微信小程序】wxs脚本
2022/4/10 1:49:26
本文主要是介绍【微信小程序】wxs脚本,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.什么是wxs
WXS ( WeiXin Script)是小程序独有的一套脚本语言,结合WXML,可以构建出页面的结构。
2.wxs的应用场景
wxml中无法调用在页面的.js 中定义的函数,但是,wxml中可以调用wxs 中定义的函数。因此,小程序中wxs的典型应用场景就是“过滤器”。
3.wxs和javascript的关系
虽然wxs 的语法类似于JavaScript,但是 wxs 和JavaScript是完全不同的两种语言:
1.wxs有自己的数据类型
2.wxs不支持类似于ES6及以上的语法形式
3.wxs遵循CommonJS规范
基本语法
1.内嵌wxs脚本
wxs代码可以编写在wxml文件中的< wxs >标签内,就像Javascript 代码可以编写在 html文件中的< script >标签内一样。
wxml文件中的每个< wxs >< /wxS >标签,必须提供module属性,用来指定当前wxs 的模块名称,方便在wxml中访问模块中的成员:
2.定义外联的wxs脚本
Wxs代码还可以编写在以.wxS 为后缀名的文件内,就像javascript代码可以编写在以, is 为后缀名的文件中-样。示例代码如下:
注意:不能使用简写形式对外暴露
3.使用外联的wxs脚本
在wxml 中引入外联的wxs脚本时,必须为< wxs >标签添加module和src属性,其中:
module用来指定模块的名称
src用来指定要引入的脚本的路径,且必须是相对路径
wxs的特点
1.与javascript不同
为了降低wxs (Weixin Script)的学习成本,wXs 语言在设计时借大量鉴了JavaScript的语法。但是本质上,wxs 和JavaScript是完全不同的两种语言!
2.不能作为组件的事件回调
wxs 典型的应用场景就是“过滤器”,经常配合Mustache语法进行使用,例如:
但是,在 wxs 中定义的函数不能作为组件的事件回调函数。例如,下面的用法是错误的:
3.隔离性
隔离性指的是 wxs 的运行环境和其他JavaScript 代码是隔离的。体现在如下两方面:
wxS 不能调用js 中定义的函数
wxS 不能调用小程序提供的API
4.性能好
在iOS设备上,小程序内的WXS会比JavaScript 代码快2~20倍
在android设备上,二者的运行效率无差异
这篇关于【微信小程序】wxs脚本的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享