web-js-kits

Some kits commonly used in work of frontend.

Using

• install

   yarn add web-js-kits
   //or 
   npm i web-js-kits

• base64ToBlob

import { base64ToBlob } from 'web-js-kits';
base64ToBlob(base64);

• h5Device

import { getDevice } from 'web-js-kits';
getDevice() // ios or android or pc or mobile

• getUrlParam

  import { getUrlParam } from 'web-js-kits';

  const code = getUrlParam('code');
  // or

  const { code } = getUrlParam();

• download

  import { downloadFile } from 'web-js-kits';

  downloadFile(url, fileName);

• getMaxZIndex

  import { getMaxZIndex } from 'web-js-kits';

  getMaxZIndex('.myClass', 100);

• isEmail

  import { isEmail } from 'web-js-kits';

  isEmail('[email protected]'); // true

• isWebSite

  import { isWebSite } from 'web-js-kits';

  isWebSite('www.github.com') // false
  isWebSite('www.github.com', true) // true
  isWebSite('https://www.github.com', true) //  true
  isWebSite('https://www.github.com') // true

• color

import { rgbToHex, hexToRgb, rgbToHsl, hexToHsl } from 'web-js-kits';
 const rgb = hexToRgb('#FFFFFF');
 // RGB(255, 255, 255)
 const hex = rgbToHex(255, 255, 255);
 // #FFFFFF

• isNumber

import { isNumber } from 'web-js-kits';
isNumber(123) //true
isNumber('123') //false

• formatNumber

import { numberFormatCommon, numberFormat, numberParse } from 'web-js-kits';
numberFormatCommon(1234567.89) // 1,234,567.89
numberFormatCommon(1234567.89, 1) // 1,234,567.9

numberFormat(1234567.89, 'x.xxx.xxx,xxx') // 1.234.567,89
numberParse('1.234.567,89', 'x.xxx.xxx,xxx') // '1234567.89'

• requestThrottler

import { requestThrottler } from 'web-js-kits';

// 第一个参数为 axios config
// 当第二个参数为true时，重新发的接口会缓存到内容，不会消耗网络资源
requestThrottler({url: '', method: 'get'}, true);

// requestThrottlerWithFormData 支持formData 数据格式

• requestBatch

import { requestBatch } from 'web-js-kits';

// 第一个参数为 axios config
// 当第二个参数可选 默认为5时，同时并发5个请求
requestBatch({url: '', method: 'get'}, true);

• formLoadingHelper

import { formLoadingHelper } from 'web-js-kits';
const { formLoadingCheck, setFormLoadingStatus } = formLoadingHelper;

setFormLoadingStatus({formId: 'formId', id: 'id', status: true}) // 开始执行 id 操作
setFormLoadingStatus({formId: 'formId', id: 'id', status: false}) // 结束执行 id 操作

await formLoadingCheck(formId) // 等待当前formId 的所有操作完成。

import { chineseMoney } from 'web-js-kits';
cheseManey(1000) // 壹仟元整

// 广告飘窗
import { AdMove } from 'web-js-kits';

// 飘窗内容
<div id="float">
</div>

//js 
new AdMove("float", 1).Run();

发布异常： yarn config set network-timeout 300000