小程序:(微信小程序)在小程序中使用自定义功能


浏览:1075 次

当我们开发微信小程序时,我们会使用自定义的功能函数。我们如何在小程序中编写这些JS并用WXML调用它们?换句话说,直接在微信小程序{{}}中调用定制功能

详见微信小程序API:

本文给出了一个小例子来说明:

1、 创建公共JS文件

基于代码标准化和项目工程,applet中的公共JS文件通常在utils目录中创建,以便我们可以在每个模块页面中调用它。例如,在此处创建一个公共文件:time。wxs(PS:微信小程序的公共文件必须有wxs后缀),如图所示:

在utils公共文件目录中创建一个新的wxs文件

2、 编写相关app功能

打开时间。wxs文件,然后在其中写入函数

/**

*时间格式:年月日为分秒

*@param{*}时间戳:13位时间戳

*@param{*}类型:转换后的时间格式

*例如:。cn:2020年3月2日;英语:2020.03.02

*/

var时间格式={

timestampToTime:函数(时间戳,类型){

if(时间戳&&type==='cn'){

var date=getDate(时间戳);//10位时间戳需要*1000,13位时间戳不需要乘以1000

var Y=日期。GetFullYear()+“年”;

var M=(date.getMonth()+1<10?(date.getMonth()+1):日期。GetMonth()+1)+“月”;

var D=日期。GetDate()+“天”;

var h=日期。getHours()<10?'0'+(date.getHours())+“:”:日期。getHours()+“:”;

var m=日期。getMinutes()<10?'0'+(date.getMinutes()):日期.getMinotes();

var s=日期.getSeconds();

返回M+D+h+M;

}

if(时间戳&&type==='en'){

var date=getDate(时间戳);//10位时间戳需要*1000,13位时间戳不需要乘以1000

var Y=日期。getFullYear()+“.”;

var M=(date.getMonth()+1<10?'0'+(date.getMonth()+1):日期。getMonth()+1)+“.”;

var D=日期。获取日期()+“”;

var h=日期。getHours()<10?'0'+(date.getHours())+“:”:日期。getHours()+“:”;

var m=日期。getMinutes()<10?'0'+(date.getMinutes()):日期.getMinotes();

var s=日期.getSeconds();

返回Y+M+D;

}

}

};

//导出暴露的属性

单元导出={

时间戳结束时间:timeFormat.timestampToTime

}

解释:

1定义一个整体变量,从var开始,

Var变量={}*

2.编写函数。函数格式为:

函数名称:**Function**(**参数**)**{**},请参见上面的示例了解详细信息*

3.使用模块。导出到引用函数,其编写如下:

单元exports={使用的函数名:variable.specific函数}*

其他说明:

WXS无法调用javascript或小程序提供的API中定义的函数或变量。它的运行环境与javascript隔离。

只有var可以用于定义变量。与javascript一样,也会有变量提升。

因此,在上面的示例中,您不能使用new Date()(var Date=new Dat(timestamp);)您应该使用getDate(),即getDate)来获取当前日期,并使用var来声明变量

3、 如何尝试

1.按以下方式导入使用的页眉中的文件:

<;/wxs>

注:模块=“文件名”。我在utils文件夹中定义的文件名是time,因此这里的名称与之对应

2.函数调用

{{time.timestampToTime(item.endTime,“cn”)}}我在这里执行自定义函数</view>

相关资讯:
微信小程序助力企业开拓新的获取渠道,实现小程序流量变现

微信小程序助力企业开拓新的获取渠道,实现小程序流量变现

查看
哪些行业适合制作小程序?小程序模板适用于行业库存

哪些行业适合制作小程序?小程序模板适用于行业库存

查看
微信小程序确实方便实用,但你能在电子商务上打开微信小吗?

微信小程序确实方便实用,但你能在电子商务上打开微信小吗?

查看
小程序操作分六步进行

小程序操作分六步进行

查看
2020小程序或将爆发,成为新的流量收割机!

2020小程序或将爆发,成为新的流量收割机!

查看