打造零安装、纯本地、全平台的嵌入式开发者线上工作台。

在单片机与物联网开发中，我们经常需要在电脑上安装五花八门的辅助软件：各种串口助手、取模软件、格式转换脚本、固件查看器……不仅体积臃肿，在换电脑、跨平台（Mac/Linux）时更是繁琐。

本站将作者在平时做 STM32、ESP32、物联网项目及制作教程时最高频的辅助工具，全部移植为基于现代浏览器的纯前端 Web 应用：

⚡ 开箱即用：基于 Web Serial、WebSocket、Canvas 等浏览器原生 API，无需安装任何 exe 或驱动。
🔒 本地安全：固件解析、数据收发与图片取模完全在浏览器内存中运行，绝不上传任何服务器，保障工程私密。
💻 跨平台一致：Windows、macOS、Linux 下只要使用现代 Chromium 浏览器（Edge / Chrome / Opera 等）即可完全畅享。

代码小A2026/10/5大约 10 分钟

浏览器里直接连 MQTT Broker，实时接收温度和湿度并画成曲线。数据格式很随意：往主题里发一个纯数字就行。

sensor/temp  →  26.5
sensor/hum   →  60.2

代码小A2026/9/25小于 1 分钟

VuePress 组件演示

这个页面本身就是被 @mdit-vue/plugin-sfc 编译出来的 Vue SFC,所以下面三段都能直接跑。

一、使用全局 `.vue` 组件

组件放在 .vuepress/components/，并在 .vuepress/client.ts 注册为全局组件后，可在全站任何 Markdown 文章中直接使用标签：

<RegisterBits label="USART_CR1" :value="0xA5" />

代码小A2026/9/25大约 1 分钟

软件配置

Keil

让其显示的更舒服

代码小A2026/9/13小于 1 分钟

lwip学习日志

打算基于正点原子的教程学习lwIP，开发板用的正点原子stm32f407zgt6最小系统板加LAN8720A来实现网络通信

开发IDE使用的是CLion,用的开源的嵌入式编译器：arm-gnu-toolchain-15.3.rel1-mingw-w64-i686-arm-none-eabi
参考书籍：《lwIP开发指南_V1.7.pdf》

网络数据的数据流通

结合这张图，数据从单片机连接的网线到单片机内部去处理，整体逻辑是这样的：
数据以差分信号的形式在网线中传递，直到传递到RJ45网口(外部PHY)，然后LAN8720A将其转换成01二进制数据，通过它的RMII接口传递给stm32的mac内核，mac有发送和接收的缓冲区，各一个，每个2KB,(IEEE规定每个帧最大1520B左右,2kB完全够用了)，mac内核获取一帧数据后，告诉单片机的DMA，将该帧转移到指定的内存区域，这样的内存区域有多个，每个内存区域由一个DMA描述符(结构体)来控制访问。

代码小A2026/9/13大约 4 分钟

LVGL学习记录

之前经常使用还有移植LVGL到单片机上，但是始终没有系统学习过，目前仍属于皮毛状态，所以打算系统学习一下LVGL，但也没有那么系统，怎么说呢，看我学吧，你也能学会。

环境搭建

之前使用开发板学习LVGL，但是学习体验有点难受，编译时间太长，不好看效果，不同硬件学习时需要考虑适配，比如stm32h7系列有LTDC和DMA2D，可以驱动RGB屏幕，但是有些单片机就没有，不同硬件的适配以及最佳开发方式不同，后面单开一个系列。

所以我使用LVGL模拟器，需要下载Visual Studio 2026，使用git clone --recurse-submodules https://github.com/lvgl/lv_port_pc_visual_studio.git获取LVGL官方适配的LVGL模拟器。在此处可以查看模拟器使用的LVGL版本：

还是打算呢先使用高版本的，高版本的在性能差的帧率较低，但是考虑到后面会在linux相关开发板使用，还是学习最新的LVGL。

双击或者通过Visual Studio打开这个LVGL.sin文件，sin文件是Visual Studio的项目文件，通过这个文件进入项目。

将第三个设为工作项目，后面点击调试或者运行，执行就是第三个。

代码小A2026/9/13大约 11 分钟

文章目录

代码小A2026/7/22小于 1 分钟

MakeFile分析

以具体代码为例：

案例1

ifneq ($(MKENV_INCLUDED),1)
include mkenv.mk
endif

subdirs-y :=
include apps.mk

.PHONY: all clean distclean

all: $(subdirs-y)
	@echo "Make Applications done."

ifneq ($(strip $(subdirs-y)),)
.PHONY: $(subdirs-y)

$(subdirs-y):
	@echo "[BUILD] applications $@"
	@$(MAKE) -C $@ all || exit $?;
endif

clean:
	@if [ -n "$(subdirs-y)" ]; then \
		for dir in $(subdirs-y); do \
			echo "[CLEAN] applications $$dir"; \
			$(MAKE) -C $$dir clean || exit $?; \
		done; \
	fi

distclean: clean
	@if [ -n "$(subdirs-y)" ]; then \
		for dir in $(subdirs-y); do \
			echo "[DISTCLEAN] applications $$dir"; \
			$(MAKE) -C $$dir distclean || exit $?; \
		done; \
	fi

.PHONY: gen_kconfig
gen_kconfig:
	@echo "# Dynamic generate by Makefile, DO NOT Modify it.\n" > $(SDK_BUILD_DIR)/Kconfig.app; \
	for dir in $(shell find $(SDK_APPS_SRC_DIR) -maxdepth 1 -mindepth 1 -type d); do \
		echo "source \"$$dir/Kconfig\"" >> $(SDK_BUILD_DIR)/Kconfig.app; \
	done; \

代码小A2026/5/20大约 9 分钟

RT-Smart环境搭建

安装 Docker 并配置权限

sudo apt update
sudo apt install docker.io
sudo usermod -aG docker $USER
newgrp docker  # 刷新用户组，或者直接注销重新登录终端

代码小A2026/5/20小于 1 分钟

00-bootloader前置知识

微机原理

堆栈指针SP(Stack Pointer)

“大家想象一下，单片机在运行代码，就像是你在读一本极厚的小说（这本小说就是 Flash 存储器）。
你的眼睛不可能一次性看完一整页，你必须一行一行地读。为了防止读串行，你会用一根食指指着当前正在读的那一行字。读完一行，手指就往下挪一行。
这根用来指路的食指，就是 PC（程序计数器）！
PC 里面存的永远是一个地址，也就是告诉你：‘CPU 老大，下一句该执行哪一行代码了？’
如果突然来了一个电话（中断），你该怎么办？你会把这根手指当前指的位置，写在一张纸条上（保存现场），然后跑去接电话。接完电话回来，看一眼纸条，手指重新指回刚才那行，继续往下读！如果你强行把这根手指掰到一个全是乱码的空白页（比如指到了 0x00000000），你就会瞬间懵逼死机，这就是 HardFault！”

总结：PC寄存器的值就是下一条要执行的代码的位置，非常重要！！

代码小A2026/5/20大约 11 分钟

一、使用全局 .vue 组件