关于微信小程序中wxs的介绍和使用?

    互联网/前端 130次点击 · 1289天前 · 小满
PPT 怎么设置文字打字机动画效果?Excel表格技巧—如何利用Excel表格使图片分块显示? 小满

1条回答我要回复

    remus1289天前

      没有使用的人,可以先到官网看下开发文档:
      或者W3C文档:
       
      关于wxs的介绍:
      wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。 wxs 与 Javascript 是不同的语言,有自己的语法,并不和 Javascript 一致。 wxs 的运行环境和其他 Javascript 代码是隔离的,wxs 中不能调用其他 Javascript 文件中定义的函数,也不能调用小程序提供的API。 wxs 函数不能作为组件的事件回调。 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 Javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
       
      一、简单的页面渲染.wxml

      <wxs module="filter">

      var joinArray= function (array) {

      return array.join(' ')

      }

      module.exports = {

      joinArray: joinArray

      }

      </wxs>

      <view> {{filter.joinArray(names)}} </view>
      二、通过wxs返回指定的时间日期
      .wxsvar localData= function (value) {
      var date = getDate(value * 1000);
      var MOnth= date.getMonth() + 1;
      var Day = date.getDate();
      var hours = date.getHours(); //计算剩余的小时
      var minutes = date.getMinutes(); //计算剩余的分钟
      var Y = date.getFullYear() + '年';
      var M = Month < 10 ? '0' + Month + '月' : Month + '月';
      var D = Day + 1 < 10 ? '0' + Day + '日' : Day + '日';
      var H = hours < 10 ? '0' + hours + ':' : hours + ':'
      var m = minutes < 10 ? '0' + minutes : minutes;
      return M + D + " " + H + m;
      }
      module.exports={
      localData:localData
      }
      .wxml<wxs module='filter' src='./index.wxs' />

      <view>{{filter.localData(item.endtime)}}</view>
      写时间date时注意小程序语法

    请先登录后,再回复