自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 Flutter for OpenHarmony Web开发助手App实战:快捷键参考

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

2026-02-03 17:44:53 647

原创 Flutter for OpenHarmony Web开发助手App实战:HTTP状态码

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

2026-02-03 17:40:53 603

原创 Flutter for OpenHarmony Web开发助手App实战:JavaScript参考

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

2026-01-31 20:25:28 543

原创 Flutter for OpenHarmony Web开发助手App实战:CSS参考

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

2026-01-31 20:21:25 610

原创 Flutter for OpenHarmony Web开发助手App实战:HTML参考

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

2026-01-30 18:30:26 611

原创 Flutter for OpenHarmony Web开发助手App实战:文本统计

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

2026-01-30 18:23:42 600

原创 Flutter for OpenHarmony Web开发助手App实战:密码生成器

圈型预测是游戏中的关键技能。提前知道安全区的位置能帮助玩家做出更好的决策。今天我们来实现一个圈型预测工具。

2026-01-29 15:44:04 279

原创 Flutter for OpenHarmony Web开发助手App实战:时间戳转换

选择合适的降落点是游戏的第一步。不同的降落点有不同的资源和风险。今天我们来实现一个降落点推荐系统。

2026-01-29 15:42:45 299

原创 Flutter for OpenHarmony Web开发助手App实战:URL编码

URL编码是Web开发的基础知识,用于处理URL中的特殊字符。今天我们来实现一个URL编码解码工具。

2026-01-28 10:29:33 256

原创 Flutter for OpenHarmony Web开发助手App实战:二维码生成

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

2026-01-28 10:28:38 873

原创 Flutter for OpenHarmony Web开发助手App实战:MD5生成

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

2026-01-27 17:10:13 553

原创 Flutter for OpenHarmony Web开发助手App实战:Base64编码

Base64编码在Web开发中很常见,用于传输二进制数据或嵌入图片。今天我们来实现一个Base64编码解码工具。

2026-01-27 17:08:45 686

原创 Flutter for OpenHarmony Web开发助手App实战:单位转换

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

2026-01-26 17:36:55 976

原创 Flutter for OpenHarmony Web开发助手App实战:正则表达式

正则表达式是文本处理的利器,但语法复杂容易出错。今天我们来实现一个正则表达式测试工具,让正则调试变得简单。

2026-01-26 17:35:02 598

原创 Flutter for OpenHarmony Web开发助手App实战:JSON查看器

JSON是Web开发中最常用的数据格式。今天我们来实现一个JSON查看器,让复杂的JSON数据变得清晰易读。

2026-01-25 15:12:27 983

原创 Flutter for OpenHarmony Web开发助手App实战:API测试

开发Web应用时,经常需要测试后端API接口。今天我们来实现一个简单但实用的API测试工具,类似Postman的基础功能。

2026-01-25 15:11:04 637

原创 Flutter for OpenHarmony Web开发助手App实战:响应式检查

用户可以输入任意宽高。

2026-01-24 17:22:26 742

原创 Flutter for OpenHarmony Web开发助手App实战:颜色选择器

做Web开发时,选择合适的颜色是个常见需求。今天我们来实现一个功能完整的颜色选择器,支持多种颜色格式转换。

2026-01-24 17:19:54 567

原创 Flutter for OpenHarmony Web开发助手App实战:JS格式化

写JavaScript代码的时候,经常会遇到压缩过的或者格式混乱的代码。今天我们来实现一个JS格式化工具,让代码变得整洁易读。

2026-01-23 11:34:56 828

原创 Flutter for OpenHarmony Web开发助手App实战:CSS生成器

写CSS样式的时候,经常需要调整各种属性来达到想要的效果。今天我们来实现一个CSS生成器,让你可以通过可视化的方式生成CSS代码。

2026-01-23 10:57:11 559

原创 Flutter for OpenHarmony Web开发助手App实战:HTML预览

做Web开发的时候,经常需要快速预览一段HTML代码的效果。今天我们来实现一个HTML预览功能,让你可以边写边看效果。

2026-01-22 12:25:59 866

原创 Flutter for OpenHarmony Web开发助手App实战:GetX状态管理实践

状态管理是Flutter开发中的重要话题。选对了方案,开发效率能提升一大截。今天我们来聊聊GetX,一个轻量级但功能强大的状态管理库。

2026-01-22 12:23:41 901

原创 Flutter for OpenHarmony Web开发助手App实战:屏幕适配方案

flutter_screenutil是一个专门用于屏幕适配的库。它的核心思路很简单:基于设计稿尺寸,按比例缩放所有元素。比如设计稿是375x812的,实际设备是414x896的,那所有尺寸都按比例放大。这样就能保证视觉效果一致。

2026-01-21 16:45:13 624

原创 Flutter for OpenHarmony Web开发助手App实战:首页网格布局设计

首页是用户打开应用后看到的第一个界面,它的设计直接影响用户的第一印象。今天我们来聊聊如何用GridView实现一个美观实用的功能网格布局。

2026-01-21 16:42:59 804

原创 Flutter for OpenHarmony Web开发助手App实战:底部导航栏实现

TabItem(icon: Icons.home, title: '首页'),TabItem(icon: Icons.build, title: '工具'),TabItem(icon: Icons.library_books, title: '参考'),TabItem(icon: Icons.person, title: '我的'),],每个TabItem代表一个导航项,包含图标和标题两部分。首页用Icons.home:房子图标是首页的通用标识,全世界的用户都认识。

2026-01-20 11:25:33 587

原创 Flutter for OpenHarmony Web开发助手App实战:项目架构设计

先简单后复杂一开始不要想太多,先把基础架构搭起来。等功能多了,自然就知道该怎么优化了。过早优化是万恶之源。保持一致性三个页面用了相同的布局和交互模式,这不是偷懒,而是有意为之。一致性让用户学习成本更低。数据驱动UI用数组存储功能列表,通过遍历生成UI。这种方式让代码很灵活,添加功能只需要改数据,不需要改逻辑。适度抽象不要为了复用而复用。如果抽象会增加理解成本,那就保持简单。代码是给人看的,清晰比简洁更重要。预留扩展虽然当前版本功能简单,但架构上要为未来考虑。

2026-01-20 11:16:45 907

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除