简介
wx-common是一个基于微信小程序的npm包,提供了一些常用的工具函数和组件,为开发小程序提供便利。
安装wx-common
在命令行中输入以下命令即可安装wx-common。
npm install wx-common --save
使用工具函数
使用require函数将wx-common引入项目中,即可使用其中的工具函数。
const wxCommon = require('wx-common'); //使用工具函数 wxCommon.someFunction();
使用组件
使用组件需要在页面的json配置文件中对组件进行注册。
{ "usingComponents": { "wx-common-component": "wx-common/component/myComponent" } }
在wxml文件中引入组件即可。
<wx-common-component></wx-common-component>
工具函数介绍
判断空对象
const isEmptyObj = wxCommon.isEmptyObj({}); //true
获取当前时间戳
const timeStamp = wxCommon.getTimeStamp();
判断是否是对象
const isObject = wxCommon.isObject({}); //true
格式化时间戳
const formatTime = wxCommon.formatTime(new Date()); //"2022-01-01 12:00:00"
组件介绍
myComponent
用法:
<wx-common-component></wx-common-component>
属性:
属性名 | 类型 | 默认值 |
---|---|---|
text | String | "Hello" |
样式:
样式名 | 默认值 |
---|---|
color | #000 |
font-size | 16px |
总结
通过引入wx-common包,可以方便地使用其中提供的工具函数和组件,让小程序的开发更加简单高效。同时,也可以根据自己的需求添加自定义的函数和组件,提升代码的可复用性和维护性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067347890c4f7277583716