npm 包 tools-lib-js 使用教程

介绍

npm 是 NodeJS 世界中的重要一环,你可以通过它下载并安装他人编写的代码包,也可以将自己编写的代码包发布到 npm 供他人使用。其中,tools-lib-js 是一款优秀的 npm 包,它提供了一系列前端开发中常用的通用工具类函数,本文将为大家介绍如何使用这个库。

安装

使用 npm 命令行工具安装:

--- - ------------

使用

引入

----- ----- - -----------------------

------ ----- ---- --------------

toArray

将类数组转化为数组。

----- --------- - - -- ---- -- ---- ------- - -
----- --- - ------------------------
---------------- -- ----- ----

dateToStandard

将日期格式化为标准日期格式。

----- ---- - --- ---------------- ----------
----- -------- - --------------------------
--------------------- -- ---------- --------

deepClone

深克隆,创建副本不会出现指向同一块内存的地址,避免修改原对象时影响到克隆对象。

----- --- - -
  -- --
  -- -
    -- -
  -
-
----- -------- - --------------------
--------------------- -- - -- -- -- - -- - - -
--------------- --- --------- -- -----

getUrlParams

获取 url 中的参数列表。

----- --- - ---------------------------------------------------
----- ------ - -----------------------
------------------- -- - ----- --------------- ---------- - -

debounce

防抖函数,阻止短时间内重复触发函数,一般用于输入框输入查询等场景。

-------- -------------- -
  -----------------------
-
----- ----------- - ---------------------------- -----
------------- -- ---- -- ---- ------------ --

throttle

节流函数,保证一定时间内只触发一次函数,一般用于滚动或 resize 等场景。

-------- -------------- -
  -----------------------
-
----- ----------- - ---------------------------- -----
------------- -- -- -- ---- ------------ --

结束语

本文介绍了如何使用 tools-lib-js 库提供的常用函数。它们将会在我们的开发过程中经常用到,希望能够帮助大家提高开发效率。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671a430d0927023822435


猜你喜欢

  • npm 包 readtoken 使用教程

    简介 在前端开发中,经常需要使用 token 进行身份验证。npm 包 readtoken 提供了读取 token 的方法,让开发人员可以方便地获取 token 并进行相关的操作。

    4 年前
  • npm 包 wsm-loading 使用教程

    在前端开发中,我们经常需要在页面中添加一些加载动画或者进度条,以表明页面正在进行处理或者加载数据。而 wsm-loading 就是一款针对此需求的 npm 包,它能够让我们非常方便地添加各种类型的加载...

    4 年前
  • npm 包 ember-cli-analytics-statcounter 使用教程

    在使用 Ember.js 开发 Web 应用时,我们经常需要使用一些工具来分析用户的行为和数据,以优化我们的应用和提高用户体验。其中一种常见的工具是网站统计工具,如 Google Analytics ...

    4 年前
  • npm 包 vue-rocker-switch 使用教程

    前言 在前端开发过程中,常常需要使用各种各样的插件和组件,以提升开发效率和用户体验。其中,vue-rocker-switch 是一个非常实用的 vue.js 组件,它可以很方便地实现 iOS 样式的开...

    4 年前
  • npm 包 senzill-pagination 使用教程

    Senzill-pagination 是一个基于 Node.js 的 npm 包,旨在提供一个简单易用的轻量级分页组件。本篇文章将介绍如何使用 senzill-pagination 实现前端页面的分页...

    4 年前
  • npm 包 hex-encode-decode 使用教程

    介绍 在开发前端项目时,我们经常需要使用到字符串编码和解码的操作。而十六进制编码是其中一种常见的编码方式。npm 包 hex-encode-decode 就可以帮助我们快速进行十六进制编码和解码操作。

    4 年前
  • npm 包 gql-multipart 使用教程

    简介 gql-multipart 是一个 npm 包,可以用来在 JavaScript 中发送包含文件的 GraphQL 请求。它是基于 multipart/form-data 格式的 GraphQL...

    4 年前
  • npm 包 qua9 使用教程

    npm 包 qua9 使用教程 对于前端工程师而言,快速构建一个可靠的 UI 组件库是一项非常重要的任务。然而,由于业务需求的不断变化,为了保证项目的可扩展性,我们也需要使用一些优秀的 UI 组件库,...

    4 年前
  • npm 包 easy-bench 使用教程

    在开发前端项目过程中,我们经常需要对不同实现方式的性能进行比较,以便做出最佳的决策。而 easy-bench 就是一款能够帮助我们测量 JavaScript 函数性能的 npm 包。

    4 年前
  • npm 包 express-git2 使用教程

    在开发过程中,Git 已经成为了程序员不可或缺的工具之一。而在 Node.js 开发中,express-git2 包则可以让我们更加便捷地使用 Git。 本文将详细介绍 express-git2 的使...

    4 年前
  • npm包 blue-widgets 使用教程

    介绍 Blue-widgets是一款开源的前端组件库,提供了多种常用的UI组件。由于使用npm管理包,可以方便地在项目中引用使用,提高开发效率。本文将详细介绍blue-widgets的安装和使用方法,...

    4 年前
  • npm 包 react-make-t 使用教程

    前言 在前端开发中,很多人会用到 React 这个框架进行开发。而在 React 的生态系统中,有很多非常优秀的第三方库可以帮助我们快速开发应用。本文将介绍一款名为 react-make-t 的 np...

    4 年前
  • npm 包 @remobile/react-native-amap-geolocation 使用教程

    前言 随着移动应用的流行,地图应用也越来越广泛地应用于移动应用程序中。作为一位前端开发者,我们需要掌握使用地图 API 的技能。本文将介绍如何使用 @remobile/react-native-ama...

    4 年前
  • npm 包 egg-elasticsearch2 使用教程

    Egg.js 作为一款企业级的 Node.js 框架,其生态系统中的插件极其丰富。其中,egg-elasticsearch2 是一款封装了 Elasticsearch 操作的插件,可快速地在 Egg....

    4 年前
  • npm 包 inclusive-menu-button 使用教程

    在前端开发中,交互功能的实现是不可缺少的部分。而下拉菜单作为常见的交互形式,其实现过程中还需要考虑到较多的无障碍性问题。而此时,我们可以使用 npm 包 inclusive-menu-button 来...

    4 年前
  • npm 包 cbfsss 使用教程

    cbfsss 是一款专门为前端开发量身定制的 npm 包,它的主要作用是帮助前端项目管理 CSS 样式表。在本篇文章中,我们将主要关注 cbfsss 的使用教程和一些实用技巧,帮助读者更好地利用这个工...

    4 年前
  • npm包angular4-hourinputlengthrestricted-datetimepicker使用教程

    在前端开发过程中,时间选择器是一个常用且必要的工具。但是在实际开发过程中,我们可能会遇到需要限制时间输入框的输入长度的情况。这时,我们可以使用npm包angular4-hourinputlengthr...

    4 年前
  • npm 包 key-board-hook 使用教程

    key-board-hook 是一个使用 Javascript 编写的 npm 包,可以在前端页面中对键盘按键进行监听和捕获,实现各种复杂的交互操作。 安装和导入 在项目根目录下打开终端,输入以下命令...

    4 年前
  • npm 包 tanzo 使用教程

    什么是 tanzo tanzo 是一个用于浏览器端和 Node.js 环境中的类型检查工具,它可以自动推断类型并进行类型检查。tanzo 支持 JavaScript 语言的所有基本类型,包括字符串、数...

    4 年前
  • Adonis-PapaParse-Provider 使用教程

    前言 对于前端开发人员来说,处理 csv 格式的数据一直是一个比较繁琐的任务。为了解决这个问题,市面上出现了许多 csv 处理的 js 库,而 PapaParse 就是其中一个比较流行且易用的库。

    4 年前

相关推荐

    暂无文章