JS常用函数整合库 lutils

简介: lutils此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合使用直接下载min目录下的lutils.min.js或lutils.

lutils

此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合

使用

直接下载min目录下的lutils.min.jslutils.full.min.js
推荐根据自己的的实际需求,自行进行打包
可通过 Object.keys(lutils) 查看内置封装函数

浏览器使用示例:

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

Cookie

Json (包含Object与Array)

  • array2Tree 数组转为树状格式数组

  • deepClone 深拷贝,支持常见类型

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

  • copy 一般拷贝,浅拷贝

  • arrayEqual 判断数组是否相等

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

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

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

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

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

Str (String)

Support

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

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

Keycode

  • getName 根据keycode获得键名

File

Num (Number)

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

Validate

Url

Fun (Function)

Random

Dom

Xml

Device

Mime

  • 描述消息内容类型

Clipboard

  • 剪切板

相关文章
|
21天前
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势,可以根据具体的需求和项目情况选择合适的库来使用,从而提高代码的兼容性和稳定性,为用户提供更好的体验。同时,随着浏览器技术的不断发展,还需要持续关注和学习新的兼容性解决方案。
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
41 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
20天前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
20天前
|
CDN
如何在项目中使用Moment.js库?
如何在项目中使用Moment.js库?
|
21天前
|
JavaScript 前端开发
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
|
21天前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
28 1
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
1月前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
1月前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。