热门搜索 :
考研考公
您的当前位置:首页正文

JS常用函数整合库 lutils

来源:东饰资讯网

使用

浏览器使用示例:

  <script src="lutils.min.js"></script>
  <script> 
      var demo=lutils.str.trim(" 复制到剪切板 ");//trim示例
      demo+=(" 随机:"+lutils.random.randomChars(7));//随机字符串
      lutils.clipboard(demo);//剪切板示例
  </script>

Cookie

  • 根据name读取Cookie

  • 根据name删除Cookie

  • 添加Cookie

Json (包含Object与Array)

  • 数组转为树状格式数组

  • 深拷贝,支持常见类型

  • 判断对象或数组是否为空

  • 一般拷贝,浅拷贝

  • 判断数组是否相等

  • 判断数组项在数组中出现的次数

  • Object数据翻转 key value翻转 或 数组翻转

  • 例如:[{value: '选项1',label: '黄金糕'},...] 转 {'黄金糕':'选项1',...}

  • 例如:{'黄金糕':'选项1',...} 转[{value: '选项1',label: '黄金糕'},...]

  • 生成指定范围的整数数组

Str (String)

  • 替换所有

  • 现金额转大写

  • 去除字符串前后空格

  • 去除左空格

  • 去除右空格

  • 字符串倒转

  • 英文字符串首字母大写

Support

  • 判断浏览器是否支持webP格式图片

  • 判断浏览器是否支持webP格式图片

Keycode

  • 根据keycode获得键名

File

  • 文件转BlobURL

  • 文件转DataURL

  • base64转Blob 或 ArrayBuffer

  • 通过url下载文件

Num (Number)

  • 精确的加法计算

  • 精确的减法计算

  • 精确的乘法计算

  • 精确的除法计算

Date (日期时间处理推荐结合使用)

  • 字符串时间转为Js Date类型

  • 格式化${startTime}距现在的已过时间

  • 格式化现在距${endTime}的剩余时间

  • 判断是否为同一天

  • 时间戳

Validate

  • 默认验证提示

  • 非空验证

  • 邮箱验证

  • url验证

  • 时间验证

  • 时间验证,例如:2009-06-23,1998/01/22 只验证格式

  • 数字验证

  • 数字验证

  • 是否是数组

  • 最小长度验证

  • 最大长度验证

  • 长度范围验证

  • 最小值验证

  • 最大值验证

  • 值范围验证

  • 类型与值是否相等

  • 手机号验证

  • 动画号验证

  • 身份证验证

  • 邮编验证

Url

  • 将url参数获取为对象

  • 对象序列化为url参数

  • 根据name获取url参数值

Fun (Function)

  • 函数节流

  • 函数防抖

Random

  • 随机生成颜色

  • 生成指定范围随机数

  • 生成随机字符串([AZ],[az],[0~9])

  • 生成随机字符串([AZ],[az],[0~9])

  • 打乱数组内部顺序

  • 生成UUID

Dom

  • 为元素添加class

  • 获取滚动条距顶部的距离

  • 判断元素是否有某个class

  • 获取一个元素的距离文档(document)的位置,类似jQ中的offset()

  • 为元素移除class

  • 在${duration}时间内,滚动条平滑滚动到${to}指定位置

  • 设置滚动条距顶部的距离

  • H5软键盘缩回、弹起回调

  • 追加html类似jQ中的html()

  • 进入全屏模式

  • 退出全屏模式

Xml

  • json转xml文本

  • xml(Element)转json

  • 字符串转xml(Element)

Device

  • 获取浏览器类型和版本号

  • 获取操作系统类型

  • 获取是微信浏览器

  • 描述消息内容类型

  • 剪切板

Top