npm包br-bid 使用教程

什么是br-bid?

br-bid是一款供前端工程师使用的NPM包。它提供了一种方便快捷的方式来协调一个页面中不同部分的投标,并根据这些投标来显示合适的内容。

在实际开发中,由于不同的设备和网络差异,对于同一个页面的不同用户,在不同的场景下,我们需要展示不同的内容。br-bid就提供了一种简捷的方式来协调这个过程。

安装

你可以使用npm或yarn来安装br-bid:

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

-- --

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

用法

首先,你需要先导入br-bid:

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

接着,你可以使用以下代码进行投标:

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

这段代码会在'r-bid'中注册了两个投标,分别是{deviceType: "mobile"}{browser: "firefox"}。现在,你需要根据这些投标来展示不同的内容。

比如,在已知的投标中,如果'browser'为'firefox'的话,你可以这样来展示相应的内容:

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

它会展示相应内容,并在切换到其他投标时自动切换。

进阶

br-bid还提供了很多定制方法来满足你的需求。

BrBid.setWhen

你可以使用BrBid.setWhen来设置自定义的when函数来控制投标。

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

BrBid.setHandler

你可以使用BrBid.setHandler来设置自定义的处理函数来控制投标。

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

BrBid.setDefault

你可以使用BrBid.setDefault来设置默认的展示内容。

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

示例代码

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

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

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

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

结论

br-bid是一款非常有用的NPM包,它可以帮助你方便快捷地协调一个页面中不同部分的投标,并根据这些投标来展示合适的内容。希望这篇文章可以帮助你快速掌握它的使用方法。

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


猜你喜欢

  • npm 包 br-cidades-estados 使用教程

    介绍 Br-cidades-estados 是一个 Javascript 库,用于提供巴西各个状态和城市的信息。这个库可以让你快速地获取巴西各个州、城市的名称和编号,也可以获取所有城市、州、区、市对应...

    4 年前
  • npm 包 br-hobbies 使用教程

    简介 npm 是 JavaScript 的包管理工具,通过 npm 能够方便地查找、安装和使用前端依赖包。本文将介绍一个 npm 包 br-hobbies 的使用方法,该包包含了多个有趣的业余爱好模块...

    4 年前
  • npm 包 breeze-bridge2-angular 使用教程

    前言 在前端开发中,我们经常会用到各种第三方包来提升生产力和效率。而 npm (Node Package Manager) 是目前最常用的 JavaScript 包管理器,它能让我们很方便地下载、安装...

    4 年前
  • npm 包 breeze-client-labs 使用教程

    简介 breeze-client-labs 是一个由 Breeze.js 官方开发人员维护的 npm 包,主要是提供了一些实验性质的、在 breeze-client 上的额外功能和扩展。

    4 年前
  • npm 包 breeze-mongoose 使用教程

    前言 breeze-mongoose 是一个 npm 包,主要是为了简化开发者使用 MongoDB 和 Mongoose 进行数据操作的过程,是一个非常有用的工具类库。

    4 年前
  • npm 包 breeze-rest-adapter 使用教程

    npm 包 breeze-rest-adapter 是一个用于构建前端应用程序的工具,它可以方便地与微软提供的 Javascript 库 Breeze.js 集成使用。

    4 年前
  • npm 包 broccoli-live-reload 使用教程

    在前端开发过程中,我们经常需要进行实时的预览和调试,而 broccoli-live-reload 就是一个非常好用的 npm 包,可以帮助我们在开发阶段实现实时的热重载功能。

    4 年前
  • npm 包 broccoli-livereload-middleware 使用教程

    在前端开发中,我们经常需要实时地查看页面在浏览器上的渲染效果。为了方便开发者实时查看页面渲染效果,提高开发效率,广大的前端开发人员针对这个需求开发出来了许多自动刷新浏览器的工具,其中 broccoli...

    4 年前
  • npm 包 broccoli-markdown-codefences 使用教程

    在前端开发中,我们常常需要使用 Markdown 进行文档编写,而其中的代码块通常需要通过语法高亮来提高可读性。今天介绍的 npm 包 broccoli-markdown-codefences 就是一...

    4 年前
  • npm 包 broccoli-marked 使用教程

    在前端和 Node.js 开发中,我们常常需要将 markdown 格式的文本转换成 HTML 格式,显示在网页上。在这个过程中,我们经常需要使用一些相应的工具和库来实现这个功能。

    4 年前
  • npm 包 broccoli-md 使用教程

    背景 在前端开发中,我们经常需要编辑和维护 markdown 格式的文档。而 broccoli-md 是一款 npm 包,可以将 markdown 文件编译成网页,非常方便。

    4 年前
  • npm 包 broccoli-merge-json 使用教程

    在前端开发中,经常需要将多个 JSON 文件合并成一个。手动合并 JSON 文件不仅费时费力,而且容易出错。Node.js 生态系统中有许多 npm 包可供选择,而 broccoli-merge-js...

    4 年前
  • npm 包 broccoli-merge-recursive 使用教程

    前言: 随着 Web 前端行业的发展,前端工程化在实际项目中越来越被广泛采用。而 npm 模块的使用也成为了前端工程化不可或缺的一环,能够提高项目的可维护性和开发效率。

    4 年前
  • npm 包 bridjs 使用教程

    介绍 bridjs 是一种可靠且高效的 NodeJS 模块系统,它可以为您提供在不同模块之间通信的途径,使其更加灵活。在本篇文章中,我们将介绍如何使用 bridjs 库来实现在 NodeJS 模块之间...

    4 年前
  • npm 包 bridson 使用教程

    在前端开发中,通常需要对网页进行交互式绘图或动画操作。其中,网格点插值技术是实现这些操作的重要基础。npm 包 bridson 就是一个可以进行网格点插值的工具库。

    4 年前
  • npm 包 brief-async 使用教程

    什么是 brief-async? brief-async 是一个轻量级的 JavaScript 库,用于处理异步函数的执行。它的设计理念是简洁、易用、高效,可以帮助前端开发者更好地处理 JavaScr...

    4 年前
  • npm 包 brief-node 使用教程

    介绍 brief-node 是一个简单易用的 Node.js 模块,可以大大简化前端项目的代码编写。它提供了快速生成简要文件夹结构的功能,省去了手动创建文件夹和文件的麻烦。

    4 年前
  • 前端开发必备之 broccoli-livingstyleguide

    在前端开发中,我们常常需要在项目中使用一些 UI 库或框架,以便快速开发和维护 Web 应用程序。然而,使用多个 UI 库和框架时,我们可能会面临一个问题:如何将这些样式整合并应用到项目中?这时,br...

    4 年前
  • npm 包 broccoli-lr 使用教程

    简介 npm(node package manager)是一个用于管理 Javascript 包和模块的工具。它是 Node.js 的默认包管理器之一,可以帮助开发者更易于管理和维护项目中的不同模块和...

    4 年前
  • npm 包 Broccoli-Manifest 使用教程

    什么是 Broccoli-Manifest? Broccoli-Manifest 是一个npm包,可以生成在 HTML 中使用的 Web 应用程序清单(Web Application Manifest...

    4 年前

相关推荐

    暂无文章