DevOps前端工具箱

// 全局引入
import tool from '@devops/toolbox'

// 按需引入
import {
  type,     // 类型检测模块
  number,   // 数字模块
  string,   // 字符串模块
  object,   // 对象模块
  platform, // 平台检测模块
  cookie,   // cookie模块
  local,    // 本地存储localStorage模块
  session,  // 本地存储sessionStorage模块
  date,     // 日期模块
  util      // 其他工具模块
} from '@devops/toolbox'

// 全局引入
import tool from '@devops/toolbox';

// 按需引入
import { type as check } from '@devops/toolbox';

// 使用
check.isString('字符串') // 'String true'
check.isFunction(() => {}) // 'Function true'
check.isString(1) // 'String false'

// 如果预置函数没有你想要的，可以直接使用isType函数进行检测

// 检测是否为字符串
check.isType('String')('字符串') // 'String true'

// 检测是否为数字
check.isType('Number')(1) // 'String true'

......

// 全局引入
import tool from '@devops/toolbox';

// 按需引入
import { clone, deepClone, keepKeys, removeKeys, replaceKeys } from '@devops/toolbox';

import { date } from '@devops/toolbox'

// 格式化日期
date.formatDateTime('2023-01-28'); // 2023-01-28 00:00:00
date.formatDateTime(new Date('2023-01-28')); // 2023-01-28 00:00:00
date.formatDateTime(new Date('2023-01-28'), 'yyyy-MM-dd'); // 2023-01-28

import { date } from '@devops/toolbox'

date.getBeforeDate('2023-01-05'); // 24天前
date.getBeforeDate(new Date('2023-01-05')); // 24天前

import {
  camelCase,
  kebabCase,
  getPureTextFromHtmlString,
  escapeHtml
} from '@devops/toolbox';

// 中划线或者下划线转化为驼峰格式
camelCase('get-item'); // getItem
camelCase('get_item'); // getItem

// 驼峰转化为中划线值
kebabCase('querySelector'); // query-selector
kebabCase('getElementById'); // get-element-by-id

// 获取html字符串文本中的纯文本信息
getPureTextFromHtmlString('<div><h1>只羡鸳鸯不羡仙</h1></div><span>盖周天之变，化吴为王。</span>');
// 只羡鸳鸯不羡仙盖周天之变，化吴为王。

// 转义html
escapeHtml('<div><h1>只羡鸳鸯不羡仙</h1></div><span>盖周天之变，化吴为王。</span>');
// &lt;div&gt;&lt;h1&gt;只羡鸳鸯不羡仙&lt;/h1&gt;&lt;/div&gt;&lt;span&gt;盖周天之变，化吴为王。&lt;/span&gt;

// 10000000 to 10,000,000
import {
  average,
  min,
  max,
  toCurrency,
  toFixed
} from '@devops/toolbox';

const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 取平均值
average(nums); // 55

// 取最大值
min(nums); // 10

// 取最小值
min(nums); // 1

// 转化为货币形式
toCurrency(1000000000); // 1,000,000,000

// 截取小数点后几位
toFixed(98.5689, 2); // 98.57 保留两位小数

import { cookie } from '@devops/toolbox'

// 设置cookie
cookie.set('name', 'Tom', {expire: '3d', ...})
cookie.set('name', 'Jerry')

// 获取cookie
cookie.get('name')

// 获取所有cookie
cookie.all()

// 清除所有cookie
cookie.clear()

import { local } from '@devops/toolbox';

// 创建命名空间 firday
const friday = local('friday');

// 存储数据
friday.setItem('name', 'Tom');

// 获取数据
friday.getItem('name');

// 删除数据
friday.removeItem('name');

// 清除所有
friday.clear();

import { session } from '@devops/toolbox';

// 使用默认的命名空间
const store = session();

// 设置数据
store.setItem('name', 'Tom');

// 获取数据
store.getItem('name');

// 删除数据
store.removeItem('name');

// 清除所有数据
store.clear();

import {
  isMobile,
  isPc,
  isIOS,
  isIPad,
  isAndroid,
  isFirefox,
  isSafari,
  isDevice
} from '@devops/toolbox'

console.log(utils.isMobile);
console.log(utils.isPc);
console.log(utils.isIOS);
console.log(utils.isIPad);
console.log(utils.isAndroid);
console.log(utils.isFirefox);
console.log('isSafari => ', utils.isSafari);
console.log('isDevice => ', utils.isDevice(/Chrome/i));

import {
  getParam2Json,
  getJson2Param,
  getUrlParam,
  addParam2Url,
  removeParamFromUrl
} from '@devops/toolbox';

// 当前链接参数转json
getParam2Json()

// 获取链接指定字段名的值
getUrlParam('name')

// 转换json为链接参数字符串
getJson2Param({name: 'Tom'})

// 添加参数到链接上
addParam2Url({name: 'Tom'})

// 删除链接指定的参数
removeParamFromUrl('name')