1.0.2 • Published 2 years ago
npm模块
安装
// 命令行
npm install ry_common -s
具体包
h5_native
处理app端方法接口
- main.js 文件引入包
import { jsObject } from 'ry_common/h5_native'
new Vue({
router,
render: h => h(App),
mounted () {
window.jsObject = new jsObject()
}
}).$mount('#app')
- vue页面使用
const that = this
window.jsObject.callNative(interfaceName, params, 回调函数(可不传), 是否允许超时(默认允许))
utils
公共方法
- vue页面使用
<script>
import { 类名 } from 'ry_common/utils'
...
类名.方法名称(方法参数)
- 类名
StringUtils 字符串类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| trim | 去除空格 | String , type(1所有空格(默认) / 2前后空格 / 3前空格 / 4后空格) | String |
| hideStrBySymbol | 只显示后num位，其他用*代替，且4位空一格 | String , num(显示最后几位) | String |
DateUtils 日期类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| formatDate | 日期格式化 | value(日期, 类型 Date / String / Nmuber) , format(默认'yyyy/MM/dd hh:mm:ss') | String |
| getWeek | 获取星期 | value(同上, 默认今天) | 日 / 一 / 二 / 三 / 四 / 五 / 六 |
| compareDate | 比较两个时间的大小 | vlaue1 , vlaue2 | 1前者大 / -1后者大 / 0相等 |
| getDistanceDate | 获取距离目标日期num的日期 | value , type(yyyy / MM / dd / hh / mm / ss), num(数值) , format | String |
| diffDate | 获取两时间差 | value1 , value2 | Object |
ArrayUtils 数组类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| deepClone | 深拷贝数组或对象 | value(数组 / 对象) | Array / Object |
| unique | 去重 | value(数组) | Array |
| remove | 删除其中一个元素 | value(数组) , String | Array |
TypeUtils 类型判断类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| isString | 是否字符串 | value | Boolean |
| isNumber | 是否数字 | value | Boolean |
| isBoolean | 是否布尔值 | value | Boolean |
| isFunction | 是否函数 | value | Boolean |
| isNull | 是否为null | value | Boolean |
| isUndefined | 是否undefined | value | Boolean |
| isObject | 是否对象 | value | Boolean |
| isArray | 是否数组 | value | Boolean |
| isDate | 是否时间 | value | Boolean |
| isRegExp | 是否正则 | value | Boolean |
| isError | 是否错误对象 | value | Boolean |
| isSymbol | 是否Symbol函数 | value | Boolean |
| isPromise | 是否Promise对象 | value | Boolean |
| isSet | 是否Set对象 | value | Boolean |
| isFalse | 是否为false | value | Boolean |
| isTrue | 是否true | value | Boolean |
| checkStr | 类型校验 | value , type(phone手机号 / tel座机 / HMCode港澳通行证 / PassportCode护照 / postal邮政编码 / QQqq号 / email邮箱 / money金额(小数点2位) / URL网址 / IPip地址 / English英文 / chinese中文 / lower小写 / UPPER大写) | Boolean |
| isIDCard | 身份证校验 | value | Boolean |
SaveUtils 存储类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| setCookie | 设置cookie | key , value , day(过期天数) | 无 |
| getCookie | 获取cookie | key | value |
| removeCookie | 删除cookie | key | 无 |
| setLocal | 设置localStorage | key , value(String/Object/..) | 无 |
| getLocal | 获取localStorage | key | value |
| removeLocal | 移除localStorage | key | 无 |
| clearLocal | 移除所有localStorage | 无 | 无 |
| setSession | 设置sessionStorage | key , value | 无 |
| getSession | 获取sessionStorage | key | value |
| removeSession | 移除sessionStorage | key | 无 |
| clearSession | 移除所有sessionStorage | 无 | 无 |
MobileUtils 手机兼容类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| scrollFn | 解决移动端轮播图左右滑动(elementUI) | vm(vue实例) | 无 |
| setInputBlur | 解决ios微信端input,select框弹起不回弹问题 | 无 | 无 |
OtherUtils 其他类
| 方法名称 | 方法描述 | 方法参数 | 方法返回 |
|---|
| GetQueryString | 获取地址URL参数 | name | value |
| isEmpty | 是否为空 | value(String / Array / Object) | Boolean |
| equals | 是否相等 | value1 , value2 | Boolean |
| serializeForm | 获取表单提交url的所有参数(已序列化) | form元素的id值 | String值 |
| getElements | 获取指定form中的所有的input对象 | form元素的id值 | Array |
| serializeElement | 将参数组成url | | String |
更新
- 进入文件根目录
- 打开cmd
- npm 登录
npm login
- 提交内容
npm version patch --- 补丁
npm version minor --- 小修小改
npm version major --- 大改
- 发布
npm publish