零基础学BUCK-BOOST：从原理到简单设计

快速体验

1. 打开 InsCode(快马)平台 https://www.inscode.net
2. 输入框内输入如下内容：

创建一个面向初学者的BUCK-BOOST教学工具：1. 动画演示四种工作模态；2. 交互式参数计算器(滑动输入电压/电流即可得元件值)；3. 自动生成带标注的电路图；4. 内置常见问题解答。使用HTML5制作响应式网页，Three.js实现3D动画演示。

1. 点击'项目生成'按钮，等待项目生成完整后预览效果

作为一名电子爱好者，最近在学习电源转换电路时遇到了BUCK-BOOST这个神奇的结构。刚开始看教材觉得特别抽象，直到用InsCode(快马)平台做了个可视化工具，才真正理解了它的工作原理。今天就把我的学习心得整理成这篇笔记，适合零基础的朋友一起入门。

1. BUCK-BOOST到底是什么简单说就是个能升压也能降压的DC-DC转换器。比如用3.7V锂电池给5V设备供电时需要升压，给3.3V芯片供电时又需要降压，这个电路都能搞定。最神奇的是输出电压极性和输入相反，就像变魔术一样。

2. 四种工作模态动画演示传统教材里的波形图看得头晕，我用了Three.js做了3D动态演示：

3. 开关导通时电感储能（电流线性增加）
4. 开关断开时电感释能（电流线性减小）
5. 连续导通模式（CCM）的完整周期

6. 断续导通模式（DCM）的特殊状态

7. 交互式参数计算器在网页里拖动滑块就能实时看到计算结果：

8. 输入电压范围设置（比如3-12V）
9. 输出电压需求（比如固定5V）
10. 自动计算占空比D=(Vo)/(Vo-Vin)
11. 推荐电感值L=(VinD)/(ΔIfsw)

12. 输出电容估算公式C=IoutD/(fswΔV)

13. 自动生成电路图点击"生成电路"按钮会输出：

14. 带颜色标注的功率回路
15. 关键元件参数自动填充
16. 重要测试点电压提示

17. 安全注意事项提醒（比如二极管反压）

18. 新手常见问题锦囊收集了学习时遇到的典型困惑：

19. 为什么我的电路效率特别低？（检查二极管选型）
20. 输出电压纹波太大怎么办？（调整电容参数）
21. 电感总是啸叫怎么回事？（确认是否进入DCM模式）
22. 如何估算MOSFET损耗？（计算导通损耗+开关损耗）

这个项目最棒的是可以直接在InsCode(快马)平台上体验完整功能，不需要安装任何软件。他们的在线编辑器支持实时预览，我调试CSS样式时特别方便。做完后点个部署按钮就能生成分享链接，同学打开手机也能查看我的动画演示。

对于电子初学者，我的建议是先通过动画理解原理，再用计算器熟悉参数关系，最后动手搭电路验证。这种可视化学习方式比啃公式高效多了，希望这个工具能帮你少走弯路。下次准备做个带虚拟示波器功能的升级版，可以实时显示各点波形，有兴趣的朋友我们可以一起开发。

快速体验

1. 打开 InsCode(快马)平台 https://www.inscode.net
2. 输入框内输入如下内容：

创建一个面向初学者的BUCK-BOOST教学工具：1. 动画演示四种工作模态；2. 交互式参数计算器(滑动输入电压/电流即可得元件值)；3. 自动生成带标注的电路图；4. 内置常见问题解答。使用HTML5制作响应式网页，Three.js实现3D动画演示。

1. 点击'项目生成'按钮，等待项目生成完整后预览效果