js-helpful-tools

自己收集的一些js工具方法, 会在以后不断地补充和优化,

安装

npm install js-helpful-tools

现有的使用方法如下

1. 直接调用

import { isObject } from 'js-helpful-tools'

console.log(isObject({}));   // true

2. 注册为全局方法, 调用register方法后会将所有工具函数注册在window对象上，也可以通过传参的方式注册在对应的对象上

import { register } from 'js-helpful-tools'

register();
console.log(isObject({}));   // true
// or
register('tools');
console.log(tools.isObject({}));   // true

3. 注册在Vue原型上，或者通过传参的方式整体注册在Vue原型上

import tools from 'js-helpful-tools'

Vue.use(tools);

// 组件内部调用
console.log(this.isObject({}));  // true

// or
Vue.use(tools, 'tools');

console.log(this.$tools.isObject({}));  // true

API

方法介绍及使用可以点击查看详情

数据相关('点击查看详情')

• isObject 判断变量是否为对象，包括数组
• isPlainObject 判断变量是否为对象，不包括数组
• isEmptyObject 判断变量是否为空对象
• toString 转字符串类型
• toNumber 转数字类型
• selectObj 选择对象属性，生成新对象
• trim 删除字符串所有空格
• removeTags 删除字符串中的html标签
• commasNumber 将数字转换为逗号隔开的字符串

设备相关('点击查看详情')

• getExplore 获取浏览器
• getOS 获取操作系统
• isMobile 判断是否为移动端

随机方法('点击查看详情')

• randomColor 生成随机颜色
• randomNumber 生成随机数字
• randomString 生成随机字符串

页面布局相关('点击查看详情')

• isScrollBottom 是否滚动到底部
• scrollToTop 滚动到页面顶部

正则相关('点击查看详情')

• isEmail 判断是否为邮箱地址
• isIdCard 判断是否为身份证号
• isPhone 判断是否为手机号
• isUrl 判断是否为URL地址

计算相关('点击查看详情')

• floatAdd 浮点数加法
• floatSub 浮点数减法
• floatMul 浮点数乘法
• floatDiv 浮点数除法

未完待续