The meansjs from zhuhong96

Installation (安装)

npm install meansjs

也可下载/dist/meansjs.min.js中的文件使用

TS 项目引入文件

在项目中找到后缀 .d.ts 的文件(vue3中是shims-vue.d.ts)；如果没有就自行创建
将 declare module 'meansjs'; 引入其中即可

示列

// ./src/shims-vue.d.ts
declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default componen
}
declare module 'meansjs'; // 示列

API (方法)

日常开发中所需要的方法

引入插件库

import meansJs from 'meansjs';

1	means(方法) 🔧	功能 🐲		means(方法) 🔧	功能 🐲
2	meAscii	ASCII排序	16	meDate	年月日
3	meSort	排序	17	meTime	年月日时分秒
4	meSortSize	字符长度排序	18	meUnix	时间戳
5	meCharacterSize	字符长度	19	meJstype	判断数据类型
6	meDeepClone	深拷贝
7	meAntiShake	防抖
8	meThrottle	节流
9	meDeWeight	数组去重
10	meGetUrl	获取url的值
11	meTerminal	终端判断
12	meToBase64	图片链接转为base64
13	meBase64File	base64转为file文件
14	meMin	获取最小值
15	meMax	获取最大值

meAscii

meAscii方法必须传递一个对象;

示列

const params = {
  name:'means',
  id:1
};
const meAscii = meansJs.meAscii(params); // id1namemeans

meSort

第一个值 arr：排序数组
第二个值 type： asc 升序 ; desc 降序 --- 非必填
第三个值 key：排序字段 --- 非必填

示列

const arr = [
  {id:56},{id:98},{id:65}
];
const size = meansJs.meSort(arr,type:'asc',key:'id');

meSortSize

示列

const arr = ['meansjs','js-yyds','我最厉害','zh']
const size = meansJs.meSortSize(arr); // ['zh', 'meansjs', 'js-yyds', '我最厉害']

meCharacterSize

示列

const size = means.meCharacterSize('meansjs还不错'); // 13

meDeepClone

对象或者数组都可以进行深拷贝

示列

let arr = [{id:1,name:'我不是meansjs'}]
let deep = meansJs.meDeepClone(arr);
deep[0].name = '你不是meansjs,那你是个啥?'
console.log(deep); // name : "你不是meansjs,那你是个啥?"
console.log(arr); // name : "我不是meansjs"

meAntiShake

第一个值 : 函数
第二个值 : 时间 --- 默认值 500

示列

meansJs.meAntiShake(()=>{
  console.log('我是meansjs');
},500) // or

meansJs.meAntiShake(()=>{
  test() // 方法
},500)

meThrottle

第一个值 : 函数
第二个值 : 时间 --- 默认值 500

示列

meansJs.meThrottle(()=>{
  console.log('我是meansjs');
},500) // or

meansJs.meThrottle(()=>{
  test() // 方法
},500)

meDeWeight

arr：数组
key：去重字段, 默认为空(一维数组)

示列

let arr = [{id:10},{id:10},{id:2},{id:3},{id:2}];
// let arr = [1,2,1,2,3];
const meDeWeight = meansJs.meDeWeight(arr,'id');

meGetUrl

默认值-空（获取当前页面url）；非空时：获取传递链接url的值
返回对象

示列

meansJs.meGetUrl("http://localhost:8080/#/about?id=12&name='wode'&dsj='dsajk'") // or
meansJs.meGetUrl() // 获取当前页面url的值

meTerminal

示列

meansJs.meTerminal() // or
meansJs.meTerminal()['weixin']

返回参数

ali: false
android: false
gecko: true
iPad: false
iPhone: false
ios: false
mobile: false
presto: false
trident: false
webApp: true
webKit: false
weixin: false

meToBase64

第一个值：图片链接
第二个值：回调函数
第三个值：图片质量 --- 默认值 0.92
第四个值：图片格式 --- 默认值 webp（可以不填，但是不能填空字符串）

示列

meansJs.meToBase64('https://img0.baidu.com/it/u=2692044174,3628684553&fm=253&fmt=auto&app=138&f=JPEG?w=450&h=780',(base64)=>{
  console.log(base64);
  this.base64 = base64;
},0.82,'png',)

meBase64File

第一个值：base64
第二个值：文件名字 --- 默认值时间戳

示列

meansJs.meToBase64('https://img0.baidu.com/it/u=2692044174,3628684553&fm=253&fmt=auto&app=138&f=JPEG?w=450&h=780',(base64)=>{
  const file = meansJs.meBase64File(base64,'meansjs');
  console.log(file);
},0.82,'png',)

meMin

第一个值：数组
第二个值：key值--最小值字段

示列

const arr = [
  {id:12},{id:45},{id:6}
];
const size = meansJs.meMin(arr,'id'); // 6 or
const arr = [12,45,2,34,5,3];
const size = meansJs.meMin(arr); // 2

meMax

第一个值：数组
第二个值：key值--最小值字段

示列

const arr = [
  {id:12},{id:45},{id:6}
];
const size = meansJs.meMax(arr,'id'); // 45 or
const arr = [12,45,2,34,5,3];
const size = meansJs.meMax(arr); // 45

meDate

示列

const date = meansJs.meDate();
console.log(date); // 2023-01-06

meTime

示列

const time = meansJs.meTime();
console.log(time); // 2023-01-06 16:16:58

meUnix

示列

const unix = meansJs.meUnix();
console.log(unix); // 1672993084067

meJstype

第一个值：被判断数据
第二个值：是否首字母大写 -- 默认值 false

示列

// let b = '123'; // String
// let b =  12; // Number
// let b = true; // Boolean
// let b = {id:'sda',name:'dsa'}; // Object
// let b = [{id:1},{id:2}]; // Array
// let b = null; // Null
let b = undefined; // Undefined
// let b = function() {}; // Function
// let b = new Date(); // Date
// let b = Symbol(1); // Symbol
const type = meansJs.meJstype(b,true);
console.log(type); //

zhuhong96 / meansjs Goto Github PK

meansjs's Introduction

Installation (安装)

TS 项目 引入文件

API (方法)

meAscii

meSort

meSortSize

meCharacterSize

meDeepClone

meAntiShake

meThrottle

meDeWeight

meGetUrl

meTerminal

meToBase64

meBase64File

meMin

meMax

meDate

meTime

meUnix

meJstype

meansjs's People

Contributors

Stargazers

Watchers

Recommend Projects

Recommend Topics

Recommend Org

TS 项目引入文件