npm 包 warhorse 使用教程

介绍

Warhorse 是一个用于前端开发的 npm 包,它提供了一系列常用的、易于使用的函数,以便于更快速简单地开发出项目。

安装

你可以通过 npm 直接安装 Warhorse:

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

引入 Warhorse:

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

使用

filterData(data, keys)

  • 参数:

    • data:任意类型数据,支持数组
    • keys:string[],需要保留的键名数组
  • 返回值:

    • 返回一个新的对象或数组,仅保留包含在 keys 中的键值对或元素
  • 示例代码:

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

debounce(fn, delay)

  • 参数:

    • fn:function,需要执行 debounce 的函数
    • delay:number,防抖延迟时间,单位为毫秒,默认 300ms
  • 返回值:

    • 返回一个新的函数,会在防抖延迟后执行 fn 函数
  • 示例代码:

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

throttle(fn, delay)

  • 参数:

    • fn:function,需要执行 throttle 的函数
    • delay:number,节流间隔时间,单位为毫秒,默认 300ms
  • 返回值:

    • 返回一个新的函数,会在节流间隔时间后执行 fn 函数
  • 示例代码:

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

setCookie(name, value, expires, path, domain, secure)

  • 参数:

    • name:string,cookie 名称
    • value:string,cookie 值
    • expires:number,cookie 过期时间,单位为秒,默认 3600s
    • path:string,cookie 路径,默认为根路径
    • domain:string,cookie 域名
    • secure:boolean,是否只在 HTTPS 安全协议下使用,默认为 false
  • 返回值:

    • 无返回值,通过 document.cookie 设置 cookie
  • 示例代码:

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

getCookie(name)

  • 参数:

    • name:string,cookie 名称
  • 返回值:

    • 返回该名称的 cookie 值,如果不存在则返回 null
  • 示例代码:

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

总结

通过以上几个函数的使用,我们可以在前端开发过程中更加高效地开发出更优秀的项目。Warhorse 还提供了其他的实用函数,可以在项目中根据需求进行调用。

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


猜你喜欢

  • npm 包 sanctuary-scripts 使用教程

    在前端开发中,我们常常需要处理复杂的数据结构和函数组合。为了方便开发者处理这些问题,有很多库和工具被开发出来。sanctuary-scripts 就是其中之一,它为开发者提供了一组函数式工具,使得开发...

    5 年前
  • npm 包 sanctuary-pair 使用教程

    Sanctuary-pair 是一个 JavaScript 库,通过提供一些 base pair 数据结构帮助我们更优雅和高效的处理数据,尤其是在函数式编程环境下。

    5 年前
  • npm包sanctuary-maybe使用教程

    前言 JavaScript语言的可选类型显得很薄弱,但它更新的ES6规范中引入了一些较为良好的机制,如默认参数和解构。这些机制对于减少代码中的歧义至关重要,但是在某些情况下,它们可能是不足够的。

    5 年前
  • NPM 包 Sanctuary 使用教程

    Sanctuary 是一个函数式编程 JavaScript 库,它为前端开发人员提供了许多常见的函数式编程工具和技术。它是一个 NPM 包,可以用于在 Node.js 和浏览器中编写函数式 JavaS...

    5 年前
  • 使用 Sanctuary Either 提高前端函数的鲁棒性

    在 JavaScript 前端开发中,很多情况下我们需要编写安全、鲁棒性高的函数来保证代码的健壮性。而在这个过程中,适当地使用 Either Monad 数据类型可以大大提升函数的鲁棒性和可读性。

    5 年前
  • npm 包 sanctuary-descending 使用教程

    在前端开发中,难免会遇到需要对数组或对象进行排序、过滤、查找等操作的情况。这时候,我们通常需要编写一些复杂的逻辑来实现这些操作。而 npm 包 sanctuary-descending 可以帮助我们简...

    5 年前
  • npm 包 sanctuary-def 使用教程

    简介 sanctuary-def 是一个用于静态类型检查的库。它提供了一组函数来定义和验证 JavaScript 对象的结构和类型。使用此库可以帮助您在开发过程中更快地发现和解决类型错误,从而提高代码...

    5 年前
  • npm 包 sanctuary-useless 使用教程

    在前端开发中,我们经常会使用各种第三方库来完成开发任务。而 npm 是 Node.js 的包管理器,可以让我们方便地查找、安装、发布和管理 JavaScript 包。

    5 年前
  • 使用 Sanctuary-Identity NPM 包

    在前端开发中,对于封装一些函数和数据类型的处理,我们经常需要使用一些支持函数式编程的工具来提高开发效率。这就需要我们熟练掌握一些常用的 NPM 包。在这篇文章中,我们将介绍一个常用的 NPM 包——s...

    5 年前
  • 使用 Sanctuary-Type-Classes 解决类型安全问题

    在前端开发中,我们经常需要对不同类型的数据进行操作,其中类型安全问题是一个很重要的要求。为了更好地解决这个问题,我们可以使用 npm 包 sanctuary-type-classes 提供的一些函数和...

    5 年前
  • npm 包 sanctuary-style 使用教程

    前言 在前端开发中,代码的可维护性一直是我们关注的重点。随着代码规模的扩大,需要进行复杂的业务逻辑开发,代码的可读性和易于维护性越来越重要。sanctuary-style 就是为了解决这个问题而诞生的...

    5 年前
  • npm 包 fantasy-combinators 使用教程

    前言 在编写 JavaScript 代码的过程中,函数式编程已经越来越受欢迎。但是,有时候我们还需要进行一些比较复杂的组合操作,这时候就需要使用函数组合器。 fantasy-combinators 是...

    5 年前
  • NPM包Daggy使用教程

    Daggy(Data Algebraic Generic Generator for You)是一个JavaScript库,它可大大简化构造代数数据类型的代码。但事实上,它远不止于此。

    5 年前
  • npm 包 fantasy-identities 使用教程

    在前端开发中,有时需要生成虚拟的名字、头像等信息。npm 包 fantasy-identities 就提供了这样的功能。本文将介绍 fantasy-identities 的使用方法,并提供一些示例代码...

    5 年前
  • npm 包 pointfree-fantasy 使用教程

    npm 包 pointfree-fantasy 使用教程 pointfree-fantasy 是一个基于函数式编程的 JavaScript 库,它提供了一系列的函数和数据类型,可以帮助开发者更方便地进...

    5 年前
  • npm 包 lenses 使用教程

    在前端开发过程中,我们常常需要处理大量的数据。lenses npm 包为我们提供了一种方便、高效的处理数据的方法。本文将介绍 lenses 包的使用教程,包括安装、使用以及常用 API。

    5 年前
  • npm 包 test.benchmark 使用教程

    引言 在前端工程化开发中,常常需要对代码的性能进行测试和优化。而在这个过程中,我们需要用到一些测试工具来帮助我们准确地评估代码的性能。其中,npm 包 test.benchmark 是一个非常出色的测...

    5 年前
  • npm 包 data.task 使用教程

    简介 data.task 是一个 JavaScript 库,用于处理异步操作。它提供了一种函数式的方式来组合异步操作,使得代码更加简洁和易于维护。此外,data.task 还提供了一些方便的函数,用于...

    5 年前
  • npm 包 control.async 使用教程

    前言 在前端开发中,异步操作是非常常见的操作。尽管很多开发者使用 Promise 和 async/await 来处理异步操作,但在一些复杂的场景下,这些方式并不能有效地解决问题。

    5 年前
  • npm 包 adt-simple 使用教程

    在前端开发中,我们经常会使用各种 npm 包来辅助我们实现代码复用及加速开发。其中一个非常有用且强大的 npm 包是 adt-simple,它可以帮助我们轻松地实现抽象数据类型。

    5 年前

相关推荐

    暂无文章