当前位置: 首页 > news >正文

微信小程序:14.什么是wxs,wxs的使用

wxs是小程序独有的一套脚本语言,结合wxml,可以构建出页面的结构

wxs的应用场景

wxml中无法调用在页面的js中定义的函数,但是wxml可以调用wxs中定义的函数。因此小程序中wxs的典型应用场景就是过滤器

wxs和js的关系

wxs有自己的数据类型

  • number数值类型
  • string字符串类型
  • boolean布尔值类型
  • object对象类型
  • function函数类型
  • array数组类型
  • date日期类型
  • regexp正则

wxs不支持es6以上的语法结构

  • 不支持:let,const,解构赋值,展开运算符,箭头函数,对象属性简写
  • 支持:var定义变量,普通function函数类似于es5语法

wxs遵循commonjs规范

  • module对象
  • require()函数
  • module.exports对象

内嵌wxs脚本

wxs可以嵌套在wxml文件中的标签,就像Javascript代码可以编写在html中scrupt标签内一样
wxml文件中的每个标签,必须提供module属性,用来制定当钱的wxs的模块名称,方便在wxml中访问模块中的成员。

<view>{{m1.toUpper(username)}}</view>
<wxs module="m1">// 将文本转位大写module.exports.toUpper = function(str){return str.toUpperCase()}
</wxs>

m1主要是为了给wxs命名,然后调用toUpper进行调用函数

定义外连样式

创建一个单独的文件,tools.wxs在里面写代码,并且在代码中定义module.export = {toLower:toLower}
并且在wxml文件中进行引用

<view>{{m2.toLower(country)}}<view>
<wxs src="tools.wxs" module="m2"></wxs>

src: 必须是相对路径
module用来指定模块的名称

注意

  1. wxs不能调用js中定义的函数
  2. wxs不能调用小程序的API
  3. wxs在ios性能好,比js快2-20倍,但是在安卓上面差不多
http://www.lryc.cn/news/341804.html

相关文章:

  • Django运行不提示网址问题
  • web安全---xss漏洞/beef-xss基本使用
  • 第一天学习(GPT)
  • 【C++之AVL树旋转操作的详细图解】
  • 制作Android分区镜像
  • 如何代码激活service——packageKit 系统更新番外
  • 音视频常用工具
  • 周刊是聪明人筛选优质知识的聪明手段!
  • 设计模式Java实现-建造者模式
  • 微博视频怎么下载无水印
  • 为什么要梯度累积
  • 知识图谱在提升大语言模型性能中的应用:减少幻觉与增强推理的综述
  • P8800 [蓝桥杯 2022 国 B] 卡牌
  • MySQL商城数据表(80-84)
  • 使用Gitbook生成电子书
  • 设计模式之传输对象模式
  • Re69:读论文 LaMDA: Language Models for Dialog Applications
  • 算法学习:二分查找
  • github提交代码失败解决方案
  • 连锁收银系统总仓到门店库存调拨操作教程
  • 公网tcp转流
  • 【Linux 基础 IO】文件系统
  • Chrome浏览器安装React工具
  • React常用组件分享
  • JSON原生AJAX
  • Go图片列表
  • 1.4 初探JdbcTemplate操作
  • React 第二十一章 Portals
  • ADS基础教程9-理想模型和厂商模型实现及对比
  • 从零开始学AI绘画,万字Stable Diffusion终极教程(二)