什么是br-bid？
br-bid是一款供前端工程师使用的NPM包。它提供了一种方便快捷的方式来协调一个页面中不同部分的投标，并根据这些投标来显示合适的内容。
在实际开发中，由于不同的设备和网络差异，对于同一个页面的不同用户，在不同的场景下，我们需要展示不同的内容。br-bid就提供了一种简捷的方式来协调这个过程。
安装
你可以使用npm或yarn来安装br-bid:
npm install br-bid --save // 或者 yarn add br-bid
用法
首先，你需要先导入br-bid:
import BrBid from 'br-bid'
接着，你可以使用以下代码进行投标:
-- -------------------- ---- -------
-----------
-
---- -------------
------ --------
--
-
---- ----------
------ ---------
-
--这段代码会在'r-bid'中注册了两个投标，分别是{deviceType: "mobile"}和{browser: "firefox"}。现在，你需要根据这些投标来展示不同的内容。
比如，在已知的投标中，如果'browser'为'firefox'的话，你可以这样来展示相应的内容:
BrBid.show({
browser: 'firefox'
}, () => {
// 展示相应的内容
})它会展示相应内容，并在切换到其他投标时自动切换。
进阶
br-bid还提供了很多定制方法来满足你的需求。
BrBid.setWhen
你可以使用BrBid.setWhen来设置自定义的when函数来控制投标。
BrBid.setWhen((bid) => {
// 只有当浏览器是chrome且版本号大于等于47时，才会返回true
return bid['browser'] === 'chrome' && Number(bid['browser-version']) >= 47
})BrBid.setHandler
你可以使用BrBid.setHandler来设置自定义的处理函数来控制投标。
BrBid.setHandler((currentBid, allBids) => {
// 处理所有的投标，返回需要展示的内容
return 'some content to show'
})BrBid.setDefault
你可以使用BrBid.setDefault来设置默认的展示内容。
BrBid.setDefault(() => {
// 设置默认的展示内容
})示例代码
-- -------------------- ---- -------
------ ----- ---- --------
-- -------
-----------
-
---- -------------
------ --------
--
-
---- ----------
------ --------
--
-
---- ----------
------ ---------
--
-
---- ------------------
------ ---- -- --------------
-
--
-- ---------
------------
-------- ---------
------------------ ----
-- -- -- -
-- -----------------
--
-- --------
------------
----------- --------
-- -- -- -
-- -------------
--结论
br-bid是一款非常有用的NPM包，它可以帮助你方便快捷地协调一个页面中不同部分的投标，并根据这些投标来展示合适的内容。希望这篇文章可以帮助你快速掌握它的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c87ccdc64669dde5024