简介
bkmrklt 是一个优秀的 npm 包，提供了简洁易用的 API，可以方便地在前端应用中实现浏览器的本地书签功能，同时支持管理和分享。
安装
npm install bkmrklt --save
基本用法
- 初始化 Bkmrklt 实例
import { Bkmrklt } from 'bkmrklt';
const bkmrklt = new Bkmrklt();- 添加书签
bkmrklt.add({
title: 'Google',
url: 'https://www.google.com/',
});- 获取所有书签
const bookmarks = bkmrklt.getAll(); console.log(bookmarks);
- 删除书签
bkmrklt.remove('https://www.google.com/');高级用法
- 自定义配置
const bkmrklt = new Bkmrklt({
storageKey: 'myBkmrklt',
storageMethod: 'sessionStorage',
});- 监听变化
bkmrklt.addEventListener('change', (evt) => {
console.log(evt.bookmarks);
});示例代码
-- -------------------- ---- -------
--------- -----
------
------
-------------- ------------
-------
------
----------- ---------
------- -------------
------
------ --------------------------
------ ----------- ---------- ------------ ----- --
------ ----------------------
------ ----------- -------- ---------- ----- --
------ ------------- ---------------- ----------- --
-------
------- --------------
--- --------------------
------- --------------
------ - ------- - ---- ----------
----- ------- - --- ----------
----- ---- - -------------------------------
----- ---------- - -----------------------------
----- -------- - ---------------------------
----- ------ - -----------------------------------
----- ----------- - -------------------------------------
------------------------------- ----- -- -
---------------------
-------------
------ -----------------
---- ---------------
---
---------------- - ---
-------------- - ---
---
---------------------------------- ----- -- -
--------------------- - ---
-------------------------------- -- -
----- -- - -----------------------------
----- - - ----------------------------
------ - -------------
------------- - ---------------
------------------
----------------------------
---
---
---------------
---------
-------
-------结语
使用 npm 包 bkmrklt 可以轻松实现本地书签功能，提升用户体验。同时，开发者可以根据自己的需求进行定制化配置，实现更强的功能。希望本文的介绍对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71342