WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。

首先一点WXS文件不能建立跟你页面同级的文件夹内,最好是跟Page同级,目前接触到的wxs有两种方式:

1,单独的文件形式,引入到页面的结构当中wxml,引入方式可以

对应的页面功能代码写入对应的wxs文件当中,通过引用的方式应用到页面当中

标签引入

require引入 var handleSrc = require(“./handleSrc.wxs”); 相对路径
上代码:

2,直接在页面中使用:

在视图容器中使用的时候就是你定义的mode名.方法(参数)见下:

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

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

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

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

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

WXS语法总结

一、变量

WXS变量和我们的JavaScript是一样的,都是值的引用,也是用var申明。

不同的是,在WXS中,没有被声明的对象也可以直接赋值。会被定义为全局变量。

和JavaScript一样,WXS变量也会有保留标识符。

强调一下,这里变量只支持var 不支持let

二、注释

WXS注释有三种方法。单行注释和多行注释,还有一种就是结尾注释。结尾注释其实就是从多行注释那里来的,只是不要收尾处,就成了结尾注释了。

三、运算符

WXS的运算符和JavaScript的其实是一样的,都有基本运算符。加减乘除。一元运算符:自增自减这些;比较运算符,大于小于;等值运算符,全等非全等;逻辑运算符,逻辑与&&和逻辑非||。

四、语句

WXS语句也是和JavaScript一样。

五、数据类型

WXS的数据类型和JavaScript的相似,不同的是,多了两个数据类型,date日期类型和regexp:正则。

其他的就不在这里提了,需要说的是日期类型date和正则regexp。

date:
生成 date 对象需要使用 getDate函数, 返回一个当前时间的对象。

例如:

regexp:
生成 regexp 对象需要使用 getRegExp函数。

语法:

例如:

另外数据类型的判断可以使用constructor 属性。使用 typeof 也可以区分部分数据类型。

例如:

六、基础类库

基础库类就是WXS中自带的可以直接拿来使用的方法类。

例如console.log(),Math方法,JSON方法,Number,Date,Global方法等。

欧克,今天的分享就到次为止,年轻人不讲武德,不给我点个赞,耗子尾汁,溜了!

【微信小程序WXS 模块】相关推荐

  1. 微信小程序WXS模块的使用

    WXS模块的使用 微信官方文档地址 index.wxml <view class="container"><view>{{common.msg}}</ ...

  2. 微信小程序——WXS 模块

    WXS 模块 WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内. 模块 每一个 .wxs 文件和 标签都是一个单独的模块. 每个模块都有自己独立的作用域.即在一个模 ...

  3. 微信小程序蓝牙模块BLE开发说明基础知识

    微信小程序蓝牙模块说明 一.简介 微信小程序作为轻量级应用的载体,确实方便了很多的应用场景.传统的产品如果要和手机互联互通,那么必须要开发两套APP,即IOS和安卓.十分的麻烦和成本巨高.但是微信小程 ...

  4. 微信小程序购物车模块(缓存相关知识点)

    微信小程序购物车模块(缓存相关知识点) 1.前言: 本购物车模块不使用数据库来实现,将以小程序内置的本地存储模拟实现 2.wxml: 先在加入购物车模块增加点击事件 <view class=&q ...

  5. 微信小程序蓝牙模块通信

    微信小程序与蓝牙之间的通信 因为项目要求,本次实现与蓝牙的通信是直接根据蓝牙设备的deviceId直接进行连接,后续会继续改进.实现的功能有连接蓝牙,获取蓝牙的服务,特征值,关闭蓝牙搜索,开启noti ...

  6. 微信小程序wxs封装使用以及公共js组件封装

    wxs封装 wxs可以直接写在wxml页面中,并且在对应的位置调用,比如在{{ xxx.xxx() }}调用wxs的函数 <view><view>第{{m1.getMax(1) ...

  7. 微信小程序蓝牙模块遇到的坑

    今天第一次写博客,关于微信小程序蓝牙这一块,因为公司项目需要搞一个蓝牙的小程序,而小程序蓝牙模块也是刚出不久,遇到的坑很难解决,经过自己的摸索以及同事的帮忙,终于可以实现获取到蓝牙的数据了.官网:ht ...

  8. 微信小程序---wxs文件(脚本文件)的解读与使用

    一.wxs文件(脚本文件) wxs就是在page-frame中运行的js,可以在view数据做一些变换. wxs对性能的贡献就只有一点:与wxml是在同一个线程运行的,避免了跨线程通信的开销 简单来说 ...

  9. 微信小程序--日历模块页面

    1 前言 制作背单词打卡小程序,用户需要在微信小程序中看见历史学习信息.为使页面美化.交互简洁.用日历作为日期选择器是非常有必要的. 项目完整代码下载 2 需求 (1)在页面中,用户可以通过点击选择日 ...

最新文章

  1. win2012服务器硬盘分区,Windows Server 2008/2012更改磁盘分区大小教程
  2. html游戏代码_实现了代码自动生成,开发效率妥妥的提升,升职加薪跟上
  3. 面向对象:包装类、对象处理、类成员
  4. ubuntu18安装sublime
  5. 漫步微积分三十五——弧长
  6. CSS里各种垂直水平居中方式的基础用法
  7. 2022-01-28总结 CSS复合选择器
  8. python需要下载哪些软件-Python 从不懂到入门
  9. 实验十四:雨滴传感器实验
  10. 管理欲望:领导者的自我觉察与突破
  11. 软件配合实现的“一键开关机电路
  12. 史上最全最实用网站来袭
  13. 自动驾驶(四十五)---------汽车标定-XCP简述
  14. 【原创】技术员 Ghost Win 10 X86 企业贺岁版2018
  15. 最新Tomcat安装及配置教程+JavaWeb项目部署
  16. Shader小技巧-翻转uv
  17. mysql中vlookup函数_数据库合并函数vlookup介绍
  18. SOM-TL665x核心板研发的一款TI C66x多核定点/浮点高性能DSP开发板 处理器/FLASH
  19. 推荐朋友发项目来开源众包吧,成交立享5%的成交额提成!助人为乐还赚钱
  20. 中学时代的记忆---老师的黑板

热门文章

  1. 传统企业IT如何上云
  2. 转:代码之美——Doom3源代码赏析
  3. 【阅读论文】第六章--计算机辅助检测--博-自动化眼底图像分析技术可筛查糖尿病患者的视网膜疾病
  4. 在Git上如何强推代码规范
  5. fs.readFile和fs.readFileSync的区别
  6. 大数据时代,摄像头的像素精准度超乎你的想象
  7. 计算机的变化作文,我的变化作文
  8. 智能家居之温湿度传感器
  9. 微信红包雨怎么抢_微信红包雨怎么发出? 微信红包雨发送技巧有哪些?
  10. 国信证券学习系列(5)