npm 包 purely 使用教程

前言

npm 是 JavaScript 的包管理工具,使用 npm 可以方便地获取和安装各种 JavaScript 包。其中,purely 是一款流行的前端开发工具包,它提供了许多实用的工具和函数,支持很多常见的操作,包括数组、日期、类型转换、对象等多种操作。

本篇文章将主要介绍 npm 包 purely 的使用教程,帮助初学者快速上手并深入了解其使用方法。

安装 purely

使用 npm 可以方便地获取 purely 包,使用以下命令进行安装:

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

运行以上命令即可安装 purely 包,同时它也会自动安装依赖包。安装完成后,可以在项目中引用该包:

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

数组操作

purely 提供了很多数组操作函数,以下是几个常用的函数:

concat

concat 函数可将两个数组合并为一个数组,如下所示:

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

chunk

chunk 函数可将一个数组按照指定长度分成几个数组,如下所示:

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

flatten

flatten 函数可将一个嵌套的数组转成一个一维数组,如下所示:

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

日期操作

purely 提供了很多日期操作函数,以下是几个常用的函数:

formatTime

formatTime 函数将时间格式化为指定格式,如下所示:

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

formatDuration

formatDuration 函数将两个时间差转为指定格式的字符串,如下所示:

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

类型转换

purely 提供了很多类型转换函数,以下是几个常用的函数:

toArray

toArray 函数将非数组类型转为数组类型,如下所示:

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

toNumber

toNumber 函数将非数字类型转为数字类型,如下所示:

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

对象操作

purely 提供了很多对象操作函数,以下是几个常用的函数:

pick

pick 函数将对象的指定属性提取为一个新对象,如下所示:

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

omit

omit 函数将对象的指定属性删除,如下所示:

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

结语

purely 是一款非常实用的前端开发工具包,它提供了很多实用的工具和函数,可以大大提高我们的工作效率。本篇文章介绍了 purely 的使用方法,希望对初学者有所帮助,同时也鼓励大家深入了解其内部原理,自行编写实用的前端工具。

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


猜你喜欢

  • npm包 nil-sample-tree 使用教程

    前言 在前端开发中,数据结构是不可避免的一部分。在处理树形结构的数据时,常常需要实现一些常用功能,比如遍历、搜索、插入、删除等。如果我们能够使用已有的工具来完成这些功能,就可以大大提高开发效率。

    3 年前
  • npm包table-columns-custom-tool使用教程

    在前端开发中,我们经常需要使用数据表格来呈现数据,但是默认的数据表格可能无法满足我们的需求,需要自定义表格列的功能,那么npm包table-columns-custom-tool就是一个很好的解决方案...

    3 年前
  • npm包generator-api-mean使用教程

    一、什么是generator-api-mean generator-api-mean是一个NPM包,用于生成MEAN(MongoDB,Express.js,AngularJS和Node.js)堆栈的模...

    3 年前
  • npm 包 travel-map 使用教程

    背景 当人们遇到旅行计划时,常常需要一张地图来规划行程和路线。而 travel-map 这个 npm 包可以帮助前端工程师在网站页面上嵌入交互式地图,给用户提供更好的旅行体验。

    3 年前
  • tslint-config-fire NPM 包使用教程

    在前端开发领域中,tslint 可以作为一个 code linter 在代码编写过程中规范化您的代码,帮助您避免常见的代码错误。然而,tslint 的配置文件通常比较繁琐,时间成本较高,这压缩了很多开...

    3 年前
  • npm 包 @halcyonx/jade-types 使用教程

    在前端开发中,HTML 是我们最常用的标记语言。而 Jade 是一种优美而简洁的 HTML 模板语言,通常用于 Node.js 环境中的后端开发。如果你在前端开发过程中使用过 Jade,那么你一定知道...

    3 年前
  • NPM 包 guessing-number-game 使用教程

    在前端开发中,我们经常需要实现一些简单的小游戏来提高用户体验。而猜数游戏是非常简单又可以增强用户参与的一种小游戏。那么如何实现一款能用于生产环境的猜数游戏呢?这时候我们就可以使用npm 包 guess...

    3 年前
  • npm 包 lazy-iter 使用教程

    在前端开发中,我们经常会使用到迭代器,尤其是在处理大量数据或者异步操作时。然而,传统的迭代器在大数据量或者复杂异步操作的场景下,效率往往不尽如人意,甚至会造成性能问题。

    3 年前
  • npm 包 retry-if-fails 使用教程

    当我们在前端开发中调用后端接口时,难免遇到网络请求失败的情况,这时我们通常会使用 retry(重试) 功能来增加接口的可靠性。在 Node.js 中,有一个非常实用的 npm 包叫做 retry-if...

    3 年前
  • npm 包 random-int-list 使用教程

    在前端开发过程中,经常会遇到需要生成随机整数列表的场景。npm 包 random-int-list 是一个简便、高效的生成随机整数列表的工具。本文将详细介绍该包的使用方法,并提供一些示例代码供读者参考...

    3 年前
  • npm 包 redleg 使用教程

    npm 是 JavaScript 最大的软件仓库,其中包含了各种类型的包,尤其是前端开发需要的包。在这些包中,有一个叫 redleg 的包,它提供了一个易于使用而且很有用的工具,能给前端开发带来巨大的...

    3 年前
  • npm 包 @stemn/sdk 使用教程

    在前端开发中,我们常常需要调用后端 API 来获取数据或者上传数据等操作。@stemn/sdk 是一个封装了 RESTful API 的前端 SDK,提供了一系列工具来帮助我们更方便地调用后端 API...

    3 年前
  • npm 包 @stemn/tsconfig 使用教程

    简介 对于前端开发者而言,TypeScript 已经成为了一种非常受欢迎的语言。而在使用 TypeScript 的过程中,tsconfig.json 文件是不可或缺的配置文件之一。

    3 年前
  • NPM包bplokjs-pagination使用教程

    在前端开发中,经常会用到各种各样的分页组件。而bplokjs-pagination是一款基于JavaScript的分页插件,它使用简单、易用并支持多种样式。本文将介绍如何安装和使用这个插件。

    3 年前
  • NPM 包 flasko_wda-driver 使用教程

    在前端开发过程中,我们经常需要使用一些第三方工具或库来提高开发效率和实现某些功能。而 NPM 就是一个非常方便的包管理工具,能够帮助我们快速地获取和安装所需的包。 在本文中,我们将介绍一个名为 fla...

    3 年前
  • npm 包 simple-tree-store 使用教程

    在前端开发中,我们经常需要处理树形结构的数据,比如网站导航,商品分类等等。而 simple-tree-store 是一个帮助我们轻松管理树形结构数据的 npm 包,通过使用它,我们可以快速地对树形结构...

    3 年前
  • npm 包 viching-im 使用教程

    近年来,随着实时通信技术的发展,聊天室已经成为了 Web 应用开发中不可缺少的一部分。viching-im 是一个基于 Vue.js 和 WebSocket 技术构建的前端聊天组件库。

    3 年前
  • npm 包 nil-pagination 使用教程

    简介 在前端开发中,常常需要实现分页功能。而 nil-pagination 就是一个可以帮助我们完成分页功能的 npm 包。它可以方便快捷地帮助我们分页数据,并且具有一定的定制化功能。

    3 年前
  • npm 包 create-vue2-library 使用教程

    create-vue2-library 是一个轻量级的 Vue2 组件库快速开发工具包。它可以帮助您通过几个简单的步骤创建一个Vue2组件库,让您的代码可重用性更高并避免重复的劳动。

    3 年前
  • npm 包 custom-notification 使用教程

    前言 在前端开发中,我们经常需要使用提示框来向用户展示重要信息。而 custom-notification 就是一个方便、易用的 npm 包,可以帮助我们快速创建并展示各种类型的提示框。

    3 年前

相关推荐

    暂无文章