文章目录前言为什么这个问题经常被写乱什么适合放进 preferences先把页面目标想清楚完整 ArkTS 示例把关键代码一段段拆开保存时机怎么选新手最容易踩的坑放进真实项目还要补什么写在最后前言草稿数据通常不大但对用户很重要。写到一半退出页面、应用被回收、网络提交失败用户都希望内容还能找回来。HarmonyOS7 里preferences很适合保存这种轻量键值数据。但它不是数据库也不是万能缓存。我的习惯是提前想清楚三件事恢复什么、什么时候保存、什么时候清理。草稿存储要及时但不能无边界。为什么这个问题经常被写乱preferences 存草稿刚刚好 这类内容很容易被写成“代码能跑就算讲完了”但对初学者来说这恰恰是最不够的地方。真正让人卡住的往往不是某个组件名记不住而是不知道这段代码为什么要这样拆、状态为什么要这样放、以后需求变化时应该从哪里改。所以这篇文章不只想给你一个能跑的例子更想把背后的判断过程讲清楚。你只要把这个判断过程吃透后面自己改页面、补需求、查问题时心里会稳很多。什么适合放进 preferences笔记草稿是典型场景标题和正文都是字符串数据量小恢复价值高。数据是否适合说明草稿标题适合小而明确草稿正文适合短文本长文或富文本要另选方案图片列表不适合结构和体积都偏重上次选择适合比如排序方式、开关配置我会把preferences当成轻量记事本而不是缓存层。只要数据开始变大、变复杂就应该重新考虑存储方案。先把页面目标想清楚在真正写代码之前先别急着盯着 API。更有用的做法是先想清楚这个页面到底想解决什么问题用户最在意的反馈是什么哪些状态必须一直保持一致。当你先把这条主线想明白再回头看组件和状态设计很多选择都会顺理成章。对小白来说这一步尤其重要因为它能帮你从“照着抄”慢慢过渡到“看得懂、改得动”。完整 ArkTS 示例import{preferences}fromkit.ArkDataEntryComponentstruct DraftPreferencePage{Statetitle:stringStatecontent:stringStatestatus:string草稿未加载privatestore:preferences.Preferences|undefinedundefinedasyncaboutToAppear():Promisevoid{this.storeawaitpreferences.getPreferences(getContext(this),noteDraft)this.titleawaitthis.store.get(title,)asstringthis.contentawaitthis.store.get(content,)asstringthis.status已恢复本地草稿}privateasyncsaveDraft():Promisevoid{if(!this.store){return}awaitthis.store.put(title,this.title)awaitthis.store.put(content,this.content)awaitthis.store.flush()this.status草稿已保存}privateasyncclearDraft():Promisevoid{if(!this.store){return}awaitthis.store.delete(title)awaitthis.store.delete(content)awaitthis.store.flush()this.titlethis.contentthis.status草稿已清空}build(){Column({space:12}){Text(笔记草稿).fontSize(22).fontWeight(FontWeight.Bold).width(100%)TextInput({placeholder:标题,text:this.title}).onChange((value:string){this.titlevalue})TextArea({placeholder:写点内容...,text:this.content}).height(180).onChange((value:string){this.contentvalue})Text(this.status).fontSize(12).fontColor(#777777).width(100%)Row({space:10}){Button(保存草稿).layoutWeight(1).onClick((){this.saveDraft()})Button(清空).layoutWeight(1).backgroundColor(#F0F2F5).fontColor(#333333).onClick((){this.clearDraft()})}.width(100%)}.padding(16)}}把关键代码一段段拆开aboutToAppear()里恢复草稿。页面出现时先读本地内容用户能直接接着写不需要自己重新输入。saveDraft()里put()之后调用flush()。这一步很关键很多人只写put()以为数据已经稳了但没有及时落盘异常退出时就可能丢。clearDraft()同时清理本地存储和页面状态。只删本地不清 UI用户会以为还没删只清 UI 不删本地下次打开又会恢复旧内容。store用可选类型是因为它需要异步初始化。按钮触发时如果还没准备好直接返回比强行使用更稳。保存时机怎么选示例里用按钮手动保存适合教程理解。真实项目中可以在离开页面、输入停顿一段时间、提交失败时保存。不要每输入一个字符就落盘频率太高没有必要。提交成功后要清理草稿。否则用户下次打开编辑页看到的可能是上一次已经发布成功的内容。新手最容易踩的坑这一类示例最容易让人产生错觉界面出来了就以为已经掌握了。其实真正容易出问题的地方通常都在效果之外比如状态有没有收拢、失败后怎么兜底、以后要扩展时会不会牵一发动全身。所以你练这篇内容时别只看“现在能不能跑”还要继续看“以后好不好改”。能把这个习惯养起来你写出来的页面会比单纯照着示例拼出来的页面稳很多。放进真实项目还要补什么示例代码的重点是把核心思路讲明白所以很多工程化细节会故意省掉。真正落到项目里时你通常还要继续补接口联动、异常处理、边界保护、资源抽离以及和其他页面状态之间的配合。比较稳的做法是分三步走先把结构和职责立住再把真实业务接进去最后再优化视觉和交互体验。这样改出来的页面不只是“能演示”而是真的更接近可以长期维护的业务代码。写在最后preferences存草稿刚刚好轻、快、代码也不复杂。关键是别贪心别把大对象和复杂列表都塞进去。保存和清理边界写清楚草稿功能就很稳。
企业数字化 ERP 产品动态
相关推荐
HarmonyOS7 AppStorage 放全局状态 文章目录前言为什么这个问题经常被写乱哪些状态适合放进去先把页面目标想清楚完整 ArkTS 示例把关键代码一段段拆开命名也要克制新手最容易踩的坑放进真实项目还要补什么写在最后前言
AppStorage 很方便,也正因为方便,最容易被用成全局变量仓库。一个页… · 2026/9/17 1:47:07
NVIDIA Profile Inspector终极指南:3个简单步骤解决游戏卡顿问题 NVIDIA Profile Inspector终极指南:3个简单步骤解决游戏卡顿问题 【免费下载链接】nvidiaProfileInspector 项目地址: https://gitcode.com/gh_mirrors/nv/nvidiaProfileInspector
还在为游戏卡顿、画面撕裂和输入延迟而烦恼?NVIDIA Profile Ins… · 2026/8/28 17:09:31
Codex重大更新:GPT-Live语音交互与多文件夹支持全解析 如果你还在用传统的代码补全工具,可能已经感受到了明显的效率瓶颈:每次只能处理单个文件,缺乏上下文理解,更别提语音交互这种"未来功能"了。但最近 Codex 的重大更新,让这些痛点有了实质性的解决方案。这次更… · 2026/9/19 4:12:47
集宁高压电工证怎么报名才能快速上岗找工作 集宁高压电工证怎么报名才能快速上岗找工作 你是不是正为找不到工作发愁?是不是手里拿着一堆简历却没人要?别急, 集宁高压电工证 就是你求职路上的关键钥匙。现在不少企业招聘时都明确要求持证上岗, 高压电工证… · 2026/11/11 17:01:59
低压电工证的五大电路2026河南最新政策怎么走?别再被中介忽悠了 低压电工证的五大电路2026河南最新政策怎么走?别再被中介忽悠了 你是不是也这样?拿着手机搜索“低压电工证的五大电路”,结果一打开全是培训机构的广告,价格五花八门,流程说得天花乱坠,但真正靠谱的信息在哪?2026河南最新政策出台后,很多想考… · 2026/11/11 17:01:59
电工证考试毕业证丢失报名入口与办理流程,内部消息全公开 电工证考试毕业证丢失报名入口与办理流程,内部消息全公开 工地太忙根本没时间复习考试,这几乎是每个在工地打拼的建筑工人的共同心声。尤其是像我这样在信阳本地从事电工工作的朋友,经常因为工期紧、任务重,连自己该做的事都顾不过来,更别说抽时间准备电… · 2026/11/11 17:01:59
mpp电力电缆保护管合格证电子证书查询 证书过期了不知道怎么复审延期?郑州报考避坑指南全解析 你是不是也遇到过这样的问题:手里的 mpp电力电缆保护管合格证 已经到期了,但你却不知道怎么复审,甚至不知道它还能不能用?这事儿别慌,今天就来聊聊这证的复审流程、郑州报考时的那些坑,以及… · 2026/11/11 17:01:59
开封市低压电工证学习怎么过?含金量高不高? 开封市低压电工证学习怎么过?含金量高不高? 怕考不过白交培训费,这事儿我懂,去年有朋友花三千块报了开封市低压电工证培训班,结果考试挂了,培训费打了水漂。别急,这期咱们就讲清楚开封市低压电工证学习怎么过,含金量到底高不高。… · 2026/11/11 17:01:59
电厂中级电工证有用吗电子证书能全国通用吗 电厂中级电工证有用吗电子证书能全国通用吗 学历不高怕报不上名?别慌!电厂中级电工证虽然听起来门槛不低,但 电子证书 是全国通用的,报名也没有学历硬性要求,只要你是年满18岁、具备初中及以上学历、身体健康,就可以报名参加考试。这个证书不仅能在… · 2026/11/11 17:00:59
电工证丢失还能补吗?千万别踩坑,丢了证等于失业 电工证丢失还能补吗?千万别踩坑,丢了证等于失业 你正在找工作,但手里的电工证突然丢了,这下怎么办?别急,先别慌, 电工证丢失还能补吗 ?答案是肯定的,但 千万别踩坑 ,补办流程如果不了解,可能会耽误你上岗、甚至影响到你的收入。… · 2026/11/11 12:18:07
电力电缆作业证直播报名入口与办理流程良心建议 电力电缆作业证直播报名入口与办理流程良心建议 你是不是也担心学历不高报不了名?别急,今天就给你讲讲 电力电缆作业证直播 的报名流程和那些你必须知道的干货, 良心建议 在这里,别错过。 电力电缆作业证直播报名需要什么条件?… · 2026/11/10 17:46:39
英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑 英德电工证报考费多少钱,怕考不过白交培训费?看完这篇别再踩坑 怕考不过白交培训费?英德电工证报考费多少钱,你真的了解吗?现在市面上培训机构五花八门,价格参差不齐,很多人一不小心就花了冤枉钱,结果还考不过。别急,今天就来给你说清楚英德电工证的… · 2026/11/10 17:11:43
_中职电工证最新政策解读 中职电工证在哪考?工地太忙根本没时间复习考试的救星来了 工地太忙根本没时间复习考试,这是很多正在备考 中职电工证 的建筑工友的真实写照。你不是不想考,而是真的没时间。但别担心,这期内容是 新乡初次报考人员… · 2026/11/11 0:00:52
昆明电工证培训价格值不值得考?老电工告诉你真相 昆明电工证培训价格值不值得考?老电工告诉你真相 之前考的证在外省能不能转过来?这个问题是很多在外地打工、换城市生活、或者是想在昆明发展的朋友最关心的。尤其是现在云南发展快,很多企业都在招持证上岗的电工,如果你手头有证但不在本地,那这个证是不… · 2026/11/11 0:00:52
特种电缆张工网上查询全攻略:外省证如何转过来 特种电缆张工网上查询全攻略:外省证如何转过来 之前考的证在外省能不能转过来?这是很多特种作业从业者最关心的问题,尤其是像特种电缆张工这类证书,直接关系到日常工作是否合规、能否顺利晋升。很多小伙伴因为证书归属地的问题,陷入职业发展的瓶颈,甚至… · 2026/11/11 0:00:52
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试 /* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 20:19:29
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析 /* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 19:22:45
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案 /* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/10 17:00:47