<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://toolbank.example.com/blog</id>
    <title>Tool Bank Blog</title>
    <updated>2021-08-26T00:00:00.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://toolbank.example.com/blog"/>
    <subtitle>Tool Bank Blog</subtitle>
    <icon>https://toolbank.example.com/img/favicon.ico</icon>
    <entry>
        <title type="html"><![CDATA[Tool Bank 快速入门指南]]></title>
        <id>https://toolbank.example.com/blog/welcome</id>
        <link href="https://toolbank.example.com/blog/welcome"/>
        <updated>2021-08-26T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[欢迎使用 Tool Bank！本文将帮助您快速上手 Tool Bank 工具框架。]]></summary>
        <content type="html"><![CDATA[<p>欢迎使用 Tool Bank！本文将帮助您快速上手 Tool Bank 工具框架。</p>
<!-- -->
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="什么是-tool-bank">什么是 Tool Bank<a href="https://toolbank.example.com/blog/welcome#%E4%BB%80%E4%B9%88%E6%98%AF-tool-bank" class="hash-link" aria-label="什么是 Tool Bank的直接链接" title="什么是 Tool Bank的直接链接" translate="no">​</a></h2>
<p>Tool Bank 是一个专业的工具插件运行框架，提供各类可视化工具的运行环境和视图组件。无论您需要展示 2D 图像、3D 模型、点云数据、金融图表，还是进行机器人仿真，Tool Bank 都能为您提供强大的支持。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="核心功能">核心功能<a href="https://toolbank.example.com/blog/welcome#%E6%A0%B8%E5%BF%83%E5%8A%9F%E8%83%BD" class="hash-link" aria-label="核心功能的直接链接" title="核心功能的直接链接" translate="no">​</a></h2>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="2d-图像显示">2D 图像显示<a href="https://toolbank.example.com/blog/welcome#2d-%E5%9B%BE%E5%83%8F%E6%98%BE%E7%A4%BA" class="hash-link" aria-label="2D 图像显示的直接链接" title="2D 图像显示的直接链接" translate="no">​</a></h3>
<p>支持各种格式的二维图像显示，包括常见的图片格式和科学图像数据。提供缩放、平移、测量等丰富的交互功能。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="3d-图像显示">3D 图像显示<a href="https://toolbank.example.com/blog/welcome#3d-%E5%9B%BE%E5%83%8F%E6%98%BE%E7%A4%BA" class="hash-link" aria-label="3D 图像显示的直接链接" title="3D 图像显示的直接链接" translate="no">​</a></h3>
<p>提供三维图像渲染能力，支持复杂的三维模型展示和交互操作。基于 WebGL 技术，实现高性能的 3D 渲染。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="3d-点云显示">3D 点云显示<a href="https://toolbank.example.com/blog/welcome#3d-%E7%82%B9%E4%BA%91%E6%98%BE%E7%A4%BA" class="hash-link" aria-label="3D 点云显示的直接链接" title="3D 点云显示的直接链接" translate="no">​</a></h3>
<p>支持点云数据的可视化，适用于激光雷达、深度相机等设备采集的数据展示。支持亿级点云数据的高效渲染。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="金融k线显示">金融K线显示<a href="https://toolbank.example.com/blog/welcome#%E9%87%91%E8%9E%8Dk%E7%BA%BF%E6%98%BE%E7%A4%BA" class="hash-link" aria-label="金融K线显示的直接链接" title="金融K线显示的直接链接" translate="no">​</a></h3>
<p>专业的金融图表组件，支持 K 线图、成交量图等多种金融数据展示。提供丰富的技术指标和画图工具。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="机器人仿真">机器人仿真<a href="https://toolbank.example.com/blog/welcome#%E6%9C%BA%E5%99%A8%E4%BA%BA%E4%BB%BF%E7%9C%9F" class="hash-link" aria-label="机器人仿真的直接链接" title="机器人仿真的直接链接" translate="no">​</a></h3>
<p>提供机器人运动学仿真环境，支持各种机器人模型的模拟和调试。可视化展示机器人运动轨迹和姿态。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="如何开始">如何开始<a href="https://toolbank.example.com/blog/welcome#%E5%A6%82%E4%BD%95%E5%BC%80%E5%A7%8B" class="hash-link" aria-label="如何开始的直接链接" title="如何开始的直接链接" translate="no">​</a></h2>
<ol>
<li class="">访问 Tool Bank 官网下载安装包</li>
<li class="">启动 Tool Bank 应用</li>
<li class="">通过插件管理安装您需要的工具</li>
<li class="">开始使用！</li>
</ol>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="获取帮助">获取帮助<a href="https://toolbank.example.com/blog/welcome#%E8%8E%B7%E5%8F%96%E5%B8%AE%E5%8A%A9" class="hash-link" aria-label="获取帮助的直接链接" title="获取帮助的直接链接" translate="no">​</a></h2>
<ul>
<li class="">浏览本站文档了解详细功能</li>
<li class="">在 GitHub 提交 Issue</li>
<li class="">加入社区交流群</li>
</ul>
<p>希望 Tool Bank 能成为您工作中的得力助手！</p>]]></content>
        <author>
            <name>Tool Bank Team</name>
            <uri>https://github.com/toolbank</uri>
        </author>
        <author>
            <name>技术团队</name>
            <uri>https://github.com/toolbank</uri>
        </author>
        <category label="Tool Bank" term="Tool Bank"/>
        <category label="教程" term="教程"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[在 Tool Bank 中使用 MDX]]></title>
        <id>https://toolbank.example.com/blog/toolbank-mdx-demo</id>
        <link href="https://toolbank.example.com/blog/toolbank-mdx-demo"/>
        <updated>2021-08-01T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[Tool Bank 文档站支持 MDX 格式，让您可以在 Markdown 中使用 React 组件，创建交互式文档。]]></summary>
        <content type="html"><![CDATA[<p>Tool Bank 文档站支持 MDX 格式，让您可以在 Markdown 中使用 React 组件，创建交互式文档。</p>
<div class="theme-admonition theme-admonition-tip admonition_xJq3 alert alert--success"><div class="admonitionHeading_Gvgb"><span class="admonitionIcon_Rf37"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>提示</div><div class="admonitionContent_BuS1"><p>MDX 让文档不再是静态的文字，您可以嵌入可交互的示例代码、演示组件等。</p></div></div>
<!-- -->
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="什么是-mdx">什么是 MDX<a href="https://toolbank.example.com/blog/toolbank-mdx-demo#%E4%BB%80%E4%B9%88%E6%98%AF-mdx" class="hash-link" aria-label="什么是 MDX的直接链接" title="什么是 MDX的直接链接" translate="no">​</a></h2>
<p>MDX 是一种可以在 Markdown 中使用 JSX 的格式。它让您可以直接在文档中编写和使用 React 组件。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="在-tool-bank-文档中使用-mdx">在 Tool Bank 文档中使用 MDX<a href="https://toolbank.example.com/blog/toolbank-mdx-demo#%E5%9C%A8-tool-bank-%E6%96%87%E6%A1%A3%E4%B8%AD%E4%BD%BF%E7%94%A8-mdx" class="hash-link" aria-label="在 Tool Bank 文档中使用 MDX的直接链接" title="在 Tool Bank 文档中使用 MDX的直接链接" translate="no">​</a></h2>
<p>Tool Bank 的文档系统基于 Docusaurus，原生支持 MDX。您可以在 <code>.mdx</code> 文件中混合使用 Markdown 和 React 组件。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="示例交互式按钮">示例：交互式按钮<a href="https://toolbank.example.com/blog/toolbank-mdx-demo#%E7%A4%BA%E4%BE%8B%E4%BA%A4%E4%BA%92%E5%BC%8F%E6%8C%89%E9%92%AE" class="hash-link" aria-label="示例：交互式按钮的直接链接" title="示例：交互式按钮的直接链接" translate="no">​</a></h3>
<div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_QJqH"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><div class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">alert</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript string" style="color:#e3116c">'欢迎使用 Tool Bank！'</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">点击我</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></div></code></pre></div></div>
<button>点击我</button>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="示例组件嵌套">示例：组件嵌套<a href="https://toolbank.example.com/blog/toolbank-mdx-demo#%E7%A4%BA%E4%BE%8B%E7%BB%84%E4%BB%B6%E5%B5%8C%E5%A5%97" class="hash-link" aria-label="示例：组件嵌套的直接链接" title="示例：组件嵌套的直接链接" translate="no">​</a></h3>
<p>您还可以使用更复杂的组件，创建丰富的交互式文档体验。</p>
<div class="theme-admonition theme-admonition-info admonition_xJq3 alert alert--info"><div class="admonitionHeading_Gvgb"><span class="admonitionIcon_Rf37"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>信息</div><div class="admonitionContent_BuS1"><p>更多 MDX 用法请参考 <a href="https://docusaurus.io/docs/markdown-features" target="_blank" rel="noopener noreferrer" class="">Docusaurus 官方文档</a>。</p></div></div>]]></content>
        <author>
            <name>技术团队</name>
            <uri>https://github.com/toolbank</uri>
        </author>
        <category label="技术" term="技术"/>
        <category label="教程" term="教程"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Tool Bank 架构设计详解]]></title>
        <id>https://toolbank.example.com/blog/toolbank-architecture</id>
        <link href="https://toolbank.example.com/blog/toolbank-architecture"/>
        <updated>2019-05-29T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[本文将深入解析 Tool Bank 的整体架构设计，帮助开发者更好地理解和使用这个强大的工具框架。]]></summary>
        <content type="html"><![CDATA[<p>本文将深入解析 Tool Bank 的整体架构设计，帮助开发者更好地理解和使用这个强大的工具框架。</p>
<!-- -->
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="整体架构">整体架构<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%95%B4%E4%BD%93%E6%9E%B6%E6%9E%84" class="hash-link" aria-label="整体架构的直接链接" title="整体架构的直接链接" translate="no">​</a></h2>
<p>Tool Bank 采用插件化架构设计，核心运行时提供统一的工具加载、管理和渲染能力，各类工具以独立插件的形式存在，可以按需加载和卸载。</p>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="核心模块">核心模块<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%A0%B8%E5%BF%83%E6%A8%A1%E5%9D%97" class="hash-link" aria-label="核心模块的直接链接" title="核心模块的直接链接" translate="no">​</a></h3>
<ul>
<li class=""><strong>运行时内核</strong>：负责插件生命周期管理、事件总线、状态管理</li>
<li class=""><strong>视图层</strong>：提供统一的渲染框架和组件库</li>
<li class=""><strong>插件系统</strong>：支持动态加载、热更新和版本管理</li>
<li class=""><strong>工具集</strong>：内置 2D/3D 图像、点云、K线、机器人仿真等专业工具</li>
</ul>
<h3 class="anchor anchorTargetStickyNavbar_Vzrq" id="插件开发">插件开发<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%8F%92%E4%BB%B6%E5%BC%80%E5%8F%91" class="hash-link" aria-label="插件开发的直接链接" title="插件开发的直接链接" translate="no">​</a></h3>
<p>开发者可以基于 Tool Bank SDK 快速开发自定义工具插件，复用框架提供的基础能力，专注于业务逻辑的实现。插件支持 TypeScript，提供完整的类型定义和开发文档。</p>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="技术栈">技术栈<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%8A%80%E6%9C%AF%E6%A0%88" class="hash-link" aria-label="技术栈的直接链接" title="技术栈的直接链接" translate="no">​</a></h2>
<ul>
<li class="">前端框架：React 19</li>
<li class="">构建工具：Docusaurus 3</li>
<li class="">3D 渲染：WebGL / Three.js</li>
<li class="">图表渲染：Canvas / WebGL</li>
<li class="">状态管理：React Context + Hooks</li>
</ul>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="性能优化">性能优化<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96" class="hash-link" aria-label="性能优化的直接链接" title="性能优化的直接链接" translate="no">​</a></h2>
<p>Tool Bank 在性能方面做了大量优化工作：</p>
<ul>
<li class="">按需加载，减少初始包体积</li>
<li class="">虚拟列表，支持大数据量展示</li>
<li class="">Web Worker 处理复杂计算</li>
<li class="">内存池管理，降低 GC 压力</li>
<li class="">渐进式渲染，提升首屏体验</li>
</ul>
<h2 class="anchor anchorTargetStickyNavbar_Vzrq" id="未来规划">未来规划<a href="https://toolbank.example.com/blog/toolbank-architecture#%E6%9C%AA%E6%9D%A5%E8%A7%84%E5%88%92" class="hash-link" aria-label="未来规划的直接链接" title="未来规划的直接链接" translate="no">​</a></h2>
<p>我们将持续优化 Tool Bank 的核心能力，包括：</p>
<ul>
<li class="">更多专业工具插件</li>
<li class="">更强的自定义能力</li>
<li class="">更好的跨平台支持</li>
<li class="">云端协作功能</li>
</ul>
<p>敬请期待！</p>]]></content>
        <author>
            <name>技术团队</name>
            <uri>https://github.com/toolbank</uri>
        </author>
        <category label="技术" term="技术"/>
        <category label="教程" term="教程"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[欢迎来到 Tool Bank]]></title>
        <id>https://toolbank.example.com/blog/first-blog-post</id>
        <link href="https://toolbank.example.com/blog/first-blog-post"/>
        <updated>2019-05-28T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[Tool Bank 是一个强大的工具插件运行框架，致力于为开发者提供高效、专业的可视化工具环境。]]></summary>
        <content type="html"><![CDATA[<p>Tool Bank 是一个强大的工具插件运行框架，致力于为开发者提供高效、专业的可视化工具环境。</p>
<!-- -->
<p>我们提供丰富的视图组件，涵盖 2D 图像显示、3D 模型渲染、点云可视化、金融图表以及机器人仿真等多个领域。通过插件化的架构设计，您可以轻松扩展和定制自己的工具集，专注于核心业务逻辑的实现。</p>]]></content>
        <author>
            <name>Tool Bank Team</name>
            <uri>https://github.com/toolbank</uri>
        </author>
        <category label="Tool Bank" term="Tool Bank"/>
        <category label="技术" term="技术"/>
    </entry>
</feed>