小程序:(微信小程序)在小程序中使用自定义功能
浏览: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.按以下方式导入使用的页眉中的文件:
注:模块=“文件名”。我在utils文件夹中定义的文件名是time,因此这里的名称与之对应
