系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在 Magento 2 中，书签组件（Bookmark）可以帮助用户创建和管理书签，以便在需要时轻松地访问某个页面或位置。以下是一个示例代码，展示了如何使用 Magento 2 的书签组件：
HTML 代码：
<div id="my-bookmark" data-role="bookmark" data-bookmark-name="My Bookmark" data-bookmark-url="https://www.example.com"></div>
JavaScript 代码：
require(['jquery', 'Magento_Ui/js/bookmark'], function($, bookmark) {
bookmark({
container: '#my-bookmark'
});
});在上面的代码中，我们首先创建了一个空的 div 元素，并为其指定了一些 data 属性。这些属性包括：
data-role：指定元素的角色，这里是 "bookmark"。
data-bookmark-name：指定书签的名称，这里是 "My Bookmark"。
data-bookmark-url：指定书签的 URL，这里是 "https://www.example.com"。
然后，我们使用 requireJS 引入了 jQuery 库和 Magento 2 的书签组件，并在页面加载完成后执行了一个回调函数。在回调函数中，我们调用了 Bookmark 组件的构造函数，并将其容器设置为我们刚刚创建的 div 元素。
在 Magento 2 中，书签组件有多种配置选项可用，例如书签的样式、大小等。你可以在构造函数中传递这些选项以定制你的书签。例如，以下是一些常见的配置选项示例：
bookmark({
container: '#my-bookmark',
size: 'small',
icon: 'star',
label: 'My Favorite'
});在上面的代码中，我们传递了以下选项：
container：指定书签元素的 ID 或选择器。
size：将书签大小设置为 "small"。
icon：将书签图标设置为 "star"。
label：将书签文本设置为 "My Favorite"。
这些选项可以按照你的需求进行自定义。