npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@mohun/tools

v1.0.1

Published

个人工具库

Downloads

2

Readme

介绍

  • https://lml110.github.io/Tools/#/
  • http://lmlmyfok.gitee.io/lmltools/#/
  • https://docs.winbaoxian.cn/tools/#/

辅助函数库

常用

typeOf - 判断类型

_float - 浮点数计算

getFormData - 获取formData数据

definePros - 对象绑定

getFileName - 获取文件名称 getFileExtName - 获取后缀名并转换小写

_cloneObj - 复制数据 _deepCopy - 遍历数据复制

debounce - 防抖 throttle - 节流

_trim - 默认首尾去空格

getOneObj - 获取单层级对象

rjs重构

_for - 遍历数据-包括对象

_forEach - 遍历数组数据

_forObject - 遍历对象数据

_filter - 重构filter-包括对象

_toString - 重构toString-转字符串

installModuleClass - class类绑定this指向

awaitTo - 优化await异常转换

rank计算

getRandomArrayElements - 随机获取数组中的元素组合

_swapArray - 复杂数组数据交换

getCombine - 从数组中取出n个元素的所有组合

getPermutation - 计算数组中所有的排列方式

getMaximin - 获取数组最大最小值

arr2Merger - 合并成一维数组并去重

deepMerge - 深层合并对象

arr2Union - 获取数组的并集

mergeJson - 根据标识合并多个单层数组或对象

mergeJsonMixed - 根据标识获取多个单层数组的交集

findForStatic - 根据静态枚举查询对应值

business复杂

filterList - 递归查询数组数据 treeToArray - 树结构反向转换一维数组

afreshSetTree - 一维数组生成一次性树结构 arrayToTree - 数组转树结构

findTarget - 递归查询数据元素

nestedProperty - 嵌套属性处理类 hasObjKey - 查询嵌套对象是否具有给定的属性 getObjVal - 查询嵌套对象的属性 setObjVal - 设置嵌套对象的属性

_tco - 尾递归优化

filterData - 深度过滤数据

cacheCalculate - 缓存计算值

cacheFnParams - 缓存函数参数

数据处理

_compareVersion - 比较字符串版本 - v1>v2 为1

Cutsubstr - 字符串截取 - 包含中文

strlen - 计算数据长度 strlenUnit - 转换带单位数据

WordFirstUper - 单词首字符大写

数据转换

随机生成

生成不重复的唯一值: _seedId - number

_keyid - string - Date.now

numberRandom - 生成随机数

数字处理

numberPad - 补充差值

numberComma - 分割数字-格式金额

numberClamp - 限制数值范围

颜色处理

getRandomColor - 获取随机颜色值

colorHex - RGB颜色转换为16进制

colorRgb - 16进制颜色转为RGB格式

时间处理

_getDate - 获取时间元数据

_formatDate - 格式化时间

_getAllDate - 获取日期全部参数

formatDurationToFriendly - 秒转换成友好格式

_timeout - 通用等待函数类

_isLeapYear - 判断某一年是否是闰年

_parseDate - 时间格式反向解析

_getMonthDays - 获取某月的总天数

getServerTime - 获取服务器时间

setTimeStamp - 设置不同地区的时间戳

getTimeStamp - 获取不同地区的时间戳

parseAboutTime - 解析当前时间的大致差时

getAllLeftTime - 获取剩余时间的方法类(友好格式)

getEndDateToMonth - 通过月份获取截止时间

classEndDate - 获取截止时间的方法类

文件处理

getFileURL - 生成文件路径

clearFileURL - 清除文件路径

downloadFile - 远程文件下载

downloadBlob - 数据流下载

downloadLink - 本地文件下载

loadResource - 加载页面资源文件

loadResourceCode - 加载页面代码

loadScript - 加载脚本文件

loadStyle - 加载css样式表文件

preLoadStyle - 预加载link资源配置

uploadFile - 原生js上传多图

reFileName - 重命文件名称

ifs判断处理

isAfterIphoneX - 判断是否是iphoneX及之后的机型

_isValue - 判断是有效值

_noValue - 非空并不为0

checkEmail - 验证邮件格式

checkPhone - 验证手机

getIdCardInfo - 解析身份证信息

getIdCardLastChar - 获取身份证号第18位校验码

hasObjEqual - 判断两个对象是否相等

isArray - 判断是否是数组数据

isChinese - 判断是否是汉字

isChineseName - 是否是中文名字

isEmptyObject - 是否是空对象

isIphone - 判断是否是phone

isIphoneX - 判断是否是iphoneX和iphoneXS

isNulls - 判断除对象外的空值

isObject - 判断是否是对象

isScreenSzie - 是否是屏幕尺寸

isThisBoolean - 过滤非boolean时的默认值设置

isUndefined - 是否为undefined

isValidIP - 是否是ip地址

isWechat - 判断是否是微信环境

isValidIDCard - 是否为身份证号

envWxMiniApp - 微信小程序环境环境

isPromise - 是否是promise

富文本数据处理

_regAngle - 替换英文字符为全角字符

_trimSpecial - 去除特殊字符

_trimEmoji - 去除表情符号

clearEmptyTags - 去除空标签

regHtmlBreakList - 替换回车换行符

HTTP处理

缓存处理

Cookies - Cookie集合

cookie - Cookies简化版

Locals - 本地缓存集合

local - Locals简化版

localExpires - 本地+生存周期

Sessions - 会话缓存集合

session - Sessions简化版

参数处理

_getParams - 获取URL字符串的参数

_getParamsByName - 获取某个参数

_getAllParams - 获取Http全部信息

_paramsToString - 对象参数转url字符串

_paramsToSimpleList - 对象完全转换简单列表

_getHttpCodeMsg - 获取http状态码的提示信息

_encode - URL编码转换-只转中文

_decode - URL编码解码

removeURLParameter - 移除URL某个参数

setURLParams - 设置url中参数覆盖

setUrlHttps - 设置链接协议为https

getOneEncode - 获取encodeURIComponent后的字符串(单次判断)

浏览器操作

addXSupport - 兼容X适配-加上viewport-fit=cover

getOrientationStatus - 获取横竖屏状态

browser - 获取移动端设备环境类

getNetwork - 移动端获取网络状态

readyDOM - 兼容document加载完成事件

scrollBackTop - 回到顶部 - 流畅

versions - 获取移动端设备版本信息

元素处理

_addClass - 过滤添加class类

_hasClass - 判断类名是否存在目标类

removeClass - 移除class类

getAllScreen - 获取屏幕screen信息

getClientH - 获取document的可见高度

getClientSize - 根据size获取对应尺寸

getCssStyle - 获取css样式属性

getDocumentBody - 兼容获取body元素

getRectSize - 获取rect边界尺寸

getScrollLeft - 获取滚动条左边界

getScrollTop - 获取滚动条上边界

getSrcollH - 获取元素的整体高度

prefixStyle - 自动添加适配浏览器样式前缀

createCover - 创建透明蒙层(应用场景:点击触发后其他操作不可触发)

domIsHidden - 是否是隐藏元素

事件处理

_off - 解绑事件

_on - 绑定事件

EventBus - 事件总线(数组)

stopDefault - 阻止默认事件

stopTouch - 弹窗显示时禁止页面滑动

triggerEvent - 兼容性click元素触发

copyHandler - 复制文本

图片处理

_iosRepairImg - 修复IOS中图片旋转问题

_rotateImg - 旋转图片

downloadIamge - 下载图片

getImgeInfo - 获取图片元素信息

getImgSize - 获取base64图片储存大小

getPixelRatio - 获取canvas渲染的像素倍数

imageLoaded - 处理图片加载完毕

业务处理

PageList - 分页处理方法

PollingQuery - 异步轮询

拓展插件库

VUE基础拓展

封装了异步,埋点,常用方法 异步以axios为基础,适用于业务中每一个不同类型的框架

异步扩展

饿了么拓展

根据业务中管理后台都是基于elementUI开发,对每一个业务后台进行分析后,封装的通用组件,方法及业务拓展

applyBaseInfo - 2.15.6 以下版本基础信息组件

applyDescriptions - 2.15.6 以上版本基础信息组件

applyDialog - 基础弹窗组件

applyPage - 基础分页组件

applyTable - 基础表格组件

formButton - 表单按钮组件

formCell - 表单单元控件

formItem - 表单控制单元

formPopup - 表单弹窗

pageContainer - 自动计算剩余高度

searchControl - 行内搜索筛选器

searchForm - 搜索列表页面集合组件

apply-upload-button - 上传导入按钮

扩展函数

封装了些业务中的通用处理方案

ele2Extend_util

微信拓展

意见分析

兼容两套UI,因微易本身UI组件库bug太多,功能不具有拓展性,但很多项目有用到,并且其中有对一些业务做的专属组件,所以迫不得已,附加`vant`为辅,虽然可整合,但没啥意义,好处太少
- 如果整合集成在一起,代码融入到新组件库中,那么对于之前的项目而言
	1. 替换之前组件引用,这样改动大,同时容易出错,维护时如果只改一套,就会让原来的出现差异,如此递增下去,差异越大越难改
	2. 组件集成兼容原来的组件库的引用,使效果一致,维护性较之高

小程序拓展

通用库整理,因为小程序部分代码不能放入通用库中,入需使用需按需加载 拥有部分组件,部分业务整合,与风格统一处理

内置方法

wxAuthorize - 提前向用户发起授权请求

wxOpenSetting - 调起客户端小程序设置界面

wxGetSetting - 查询用户的当前设置 有限频

_authorize - 不查询,直接授权

_request - 内置小程序请求

wxLoading - 内置loading提示框

wxTips - 内置提示对话框

wxToast - 内置消息提示框

getImageInfo - 获取图片信息

reportAnalytics - 线上统计请求的错误信息

setRemoteImgInfo - 批量替换远程图片为本地

uploadImage - 上传图片

wxBarLoading - 设置导航栏加载状态

wxClipData - 内置复制内容

wxNavito - 跳转页面

wxSetBarTitle - 设置导航标题

wxSysInfo - 同步获取系统信息

其他扩展

异步扩展

日志管理

单元方法

config配置