MD5是常用的哈希算法，用于生成数据的唯一标识。今天我们来实现一个MD5生成工具，支持文本和文件的MD5计算。

二维码在现代应用中无处不在。今天我们来实现一个二维码生成工具，让文本、URL等信息快速转换为二维码。

rem的基准值可以自定义，不固定为16px。

快捷键会变]这类内容维护成本不低，最好把数据结构留好口子，后面能换成配置文件或后台下发。[复制反馈要轻]SnackBar不要太重，也别弹 Dialog，不然用户会觉得“打断操作”。[Web 上更需要搜索]屏幕能放很多内容，但用户更倾向于“搜一下马上找到”，检索框属于必需品。欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net。

快捷键会变]这类内容维护成本不低，最好把数据结构留好口子，后面能换成配置文件或后台下发。[复制反馈要轻]SnackBar不要太重，也别弹 Dialog，不然用户会觉得“打断操作”。[Web 上更需要搜索]屏幕能放很多内容，但用户更倾向于“搜一下马上找到”，检索框属于必需品。欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net。

HTTP 状态码是Web 开发绕不开的基础信息，但在真实项目里你很少会“背”它——更多时候是：调接口、看日志、对着 404/502 发呆，然后想快速查一下“它到底代表什么、该怎么处理”。这一节我们做一个404forbidden下面我按“项目里更常见的拆法”来写：数据结构、数据源、列表项、页面组合。每段代码都不长，方便你直接搬进工程里改。

下面我按真实项目里常见的拆分方式来写，不把所有东西都堆在一个build()里。

CSS参考手册帮助开发者快速查找CSS属性。今天我们实现一个CSS属性参考页面。

下面用一个偏“项目里真的会这么写”的方式实现：把数据、UI、交互拆开写，代码也拆成小段，方便你直接搬到工程里。

做 Web 开发助手的时候，“文本统计”是很常见的一个小工具：复制一段日志、粘贴一段文案，就能马上看到字符数、行数、段落数，顺手还能做一些清洗。这一节我把实现拆成两块：UI 负责交互和展示，统计逻辑单独放到utils里，后续无论你要做“关键词高亮”“敏感词检测”都比较好接。