5年程序员以为到头了,没想到柳暗花明走入鸿蒙世界

楔子 泥菩萨睁眼

白露那日,彭浮生蹲在巷子里扒拉烤红薯。炉膛余温把《开发指南》扉页烙出焦糖色,书脊上母亲缝的麻线还沾着剁猪草的青汁。十五里外镇中学的晚自习铃声惊起群鸦,扑棱棱的黑影掠过他家屋顶------那三间土坯房像块霉变的方糖,在暮色里慢慢坍缩。

灶台飘来腌芥菜的酸香,混着父亲修理拖拉机的柴油味,在院子里织成张无形网。小妹用作业本折的纸飞机扎进鸡窝,惊得芦花鸡扑腾出几何轨迹。"哥,这题咋解?"她举着画满问号的草稿纸,碳素笔尖还粘着晌午偷吃的芝麻糖。

花开两朵,各表一枝,在这里想总结一下在鸿蒙开发中,AppStoragePersistentStorage是两种不同的状态管理机制,核心区别在于数据持久性使用场景。以下是它们的对比及适用情景:


1. AppStorage

  • 定位 :应用级的内存态全局状态存储。
  • 特点
    • 数据存储在内存中,应用关闭后数据丢失
    • 支持跨组件、跨页面共享数据(通过@StorageLink@StorageProp装饰器)。
    • 适合保存临时状态或频繁更新的数据。
  • 适用场景
    • 全局主题、语言等需要跨组件同步的配置(但需结合PersistentStorage持久化)。
    • 页面间共享的临时数据(如弹窗状态、表单草稿)。
    • 需要响应式更新的全局变量(如用户登录态标志)。
typescript 复制代码
// 示例:在AppStorage中保存主题
AppStorage.SetOrCreate<string>('themeColor', 'light');

// 组件内通过@StorageLink同步
@Entry
@Component
struct MyComponent {
  @StorageLink('themeColor') themeColor: string = 'light';
  // 修改themeColor会自动同步到所有使用该属性的组件
}

2. PersistentStorage

  • 定位 :将AppStorage中特定属性持久化到本地磁盘的桥梁。
  • 特点
    • 数据持久化存储,应用重启后保留
    • 必须与AppStorage配合使用,通过PersistProp关联属性。
    • 适合保存用户偏好或关键配置。
  • 适用场景
    • 需要长期保存的用户设置(如主题、字体大小)。
    • 登录凭证、用户隐私选项(如是否允许推送)。
    • 应用首次启动的标记(如是否显示引导页)。
typescript 复制代码
// 初始化:将AppStorage中的'userToken'持久化
PersistentStorage.PersistProp('userToken', 'default_token');

// 后续操作直接通过AppStorage读写
AppStorage.Set<string>('userToken', 'new_token'); // 自动触发持久化

关键区别

特性 AppStorage PersistentStorage
存储位置 内存 本地磁盘
数据生命周期 应用运行期间 应用卸载前永久保存
数据共享 全局组件共享 依赖AppStorage间接共享
性能影响 无I/O开销,高效 磁盘I/O,适合低频操作
典型用例 临时状态、全局响应式变量 用户配置、登录凭证

使用建议

  1. 组合使用

    将需要持久化的数据通过PersistentStorage关联到AppStorage,既享受全局状态管理,又实现持久化。

    typescript 复制代码
    // 步骤1:定义持久化属性
    PersistentStorage.PersistProp('theme', 'light');
    
    // 步骤2:在UI中通过AppStorage响应式使用
    @StorageLink('theme') theme: string = 'light';
  2. 避免滥用

    • 高频更新数据(如页面滚动位置)不应持久化,以免I/O性能问题。
    • 敏感数据(如密码)应使用加密存储而非直接PersistentStorage
  3. 初始化顺序

    在应用启动时优先初始化PersistentStorage ,确保数据从磁盘加载到AppStorage


总结

  • AppStorage是"临时全局状态中心",用于运行时数据共享。
  • PersistentStorage 是"持久化工具",将AppStorage的部分数据固化到磁盘。
    根据数据是否需要跨应用重启保留,合理选择二者组合或单独使用。

终章 明月桥

忽然读懂《剑来》里"世间万般苦,不及团圆甜"的真意------那些年风雪夜归时窗棂透出的灯火,原是天下最凌厉也最温柔的剑。

相关推荐
北海-cherish2 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
2501_915909063 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
white-persist4 小时前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
新中地GIS开发老师5 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang5 小时前
前端性能优化
前端·javascript·vue.js·性能优化
Rysxt_5 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含5 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
大鱼前端5 小时前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
你的人类朋友5 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端