WXS是小程序的一套脚本语言

WXS

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

注意：

WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。

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

WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。

WXS 函数不能作为组件的事件回调。

由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

以下是一些使用 WXS 的简单示例，要完整了解 WXS 语法，请参考WXS 语法参考。

<!--wxml-->
<wxs module="m1">
var msg = "hello world";module.exports.message = msg;
</wxs><view> {{m1.message}} </view>

适用场景:

用户交互频繁、仅需改动组件样式（比如布局位置），无需改动数据内容的场景，比如侧滑菜单、索引列表、滚动渐变等。

纯粹的逻辑计算，比如文本、日期格式化，通过 WXS 可以模拟实现 Vue 框架的过滤器。

<wxs module="m1">// 首字母大写var capitalize = function(value) {if (!value) return ''value = value.toString()return value.charAt(0).toUpperCase() + value.slice(1)}module.exports = {capitalize: capitalize}
</wxs>
<view class="content"><view class="text-area"><!-- title 为当前页面 data 中定义的初始数据 --><text class="title">{{m1.capitalize(title)}}</text></view>
</view>

如果页面要实现拖拽效果，因为需要频繁的修改样式，所以性能会很差，这个时候我们可以是wxs来进行优化。

WXS是小程序的一套脚本语言相关推荐

WXS:微信小程序版JavaScript
完整微信小程序(Java后端) 技术贴目录清单页面(必看) WXS(WeiXin S## 标题cript)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构. WXS 与 JavaScrip ...
小程序开发需要学什么语言呢？看看吧
如果没有任何基础的话,学习成本有点高的.小程序开发可以使用wxml.wxss和javascript,不过一般来说使用html.css.js.vue都可以.学习小程序开发语言可以在w3school.ru ...
什么是wxs脚本(小程序)
1. 什么是 wxs WXS ( WeiXin Script )是小程序独有的一套脚本语言,结合 WXML ,可以构建出页面的结构. 2. wxs 的应用场景 wxml 中无法调用在页面的 .js 中 ...
解析html语言的软件,小程序解析html标签 div-Go语言中文社区
由于微信小程序要与微信小程序同步信息. 微信小程序的标签和原来我们习惯用的标签是不一样的,例如视图容器标签小程序是view,然而html就很多比如常用的div就和小程序的view类似. 现在从服务端传 ...
小程序开发可以用什么语言？
小程序是基于微信平台的轻量级应用,它的开发是应用微信提供的小程序前端规范,结合企业自己开发的应用后端来制作的. 小程序开发使用的语言本质上就是JS+CSS+HTML5,不过不能直接用HTML标签,微信 ...
微信小程序的脚本就是c语言,新手尝试编写微信小程序（2）——我的第一个微信小程序...
前面,我们大体上了解了微信小程序的框架,已经简单的页面元素显示方法及变量和自定义函数的调用.这里我们继续来探索隐藏在微信默认新建的小程序中的秘密.这篇博文,我们来进一步了解一下第一个小程序中的几个典型 ...
微信小程序获取的语言列表统计，微信小程序getSystemInfo获取的各种语言都叫什么？微信小程序国际化|多语言版本获取微信小程序语言大全【记录】
微信小程序要做国际化,需通过 wx.getSystemInfo 获取到当前使用的语言,来切换不同的语言包,或许是我没找对地方?查了一下微信手册上没有这个标准语言对照表或者记录啥的,只能自己挨个儿获取一 ...
分销积分商城小程序开发方案php开发语言
美妆商城小程序有哪些功能呢?美妆商城.积分商城,二级分销,会员,商品分类,商品详情介绍,购物车,个人中心(我的分销,我的佣金,我的团队,提现等)功能.有成品案例,可源码,可定制.具体功能如下详解: 一 ...
【微信小程序】WXML微信标签语言特性----数据绑定
进行数据的动态更新,使用Mustache的方法,变量名加双括号的语法. 可以使用于文本绑定,wxml中格式如下: <text>{{message}} </text> js文件如 ...

WXS是小程序的一套脚本语言

WXS是小程序的一套脚本语言相关推荐

最新文章

热门文章