- 博客(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实战:正则表达式
正则表达式是文本处理的利器,但语法复杂容易出错。今天我们来实现一个正则表达式测试工具,让正则调试变得简单。
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实战:颜色选择器
做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关注的人
RSS订阅