npm模块

安装

// 命令行
npm install ry_common -s

具体包

h5_native

处理app端方法接口

1. main.js 文件引入包

import { jsObject } from 'ry_common/h5_native'

new Vue({
  router,
  render: h => h(App),
  mounted () {
    window.jsObject = new jsObject()
  }
}).$mount('#app')

2. vue页面使用

const that = this
window.jsObject.callNative(interfaceName, params, 回调函数(可不传), 是否允许超时(默认允许))

utils

公共方法

1. vue页面使用

<script>
import { 类名 } from 'ry_common/utils'
...
类名.方法名称(方法参数)

2. 类名

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

更新

1. 进入文件根目录
2. 打开cmd
3. npm 登录

npm login

4. 提交内容

npm version patch --- 补丁
npm version minor --- 小修小改
npm version major --- 大改

5. 发布

npm publish