宜兴通达竭诚为您服务。

通达科技 - 宜兴电脑维护及IT服务外包服务商

OWL 教程: TodoApp-11、在本地存储中保存任务
  • 上传者: Administrator
  • 上传时间:2023年09月15日 08时00分28秒
摘要:
现在,我们的TodoApp工作得很好,除非用户关闭或刷新浏览器!将应用程序的状态只保存在内存中是非常不方便的。为了解决这个问题,我们将任务保存在本地存储中。 对于我们当前的代码库,这是一个简单的更改:我们需要将任务保存到本地存储并侦听任何更改。 class TaskList { construc ......
正文 相关文章 请喝咖啡

    现在,我们的TodoApp工作得很好,除非用户关闭或刷新浏览器!将应用程序的状态只保存在内存中是非常不方便的。为了解决这个问题,我们将任务保存在本地存储中。 对于我们当前的代码库,这是一个简单的更改:我们需要将任务保存到本地存储并侦听任何更改。

    class TaskList {
      constructor(tasks) {
        this.tasks = tasks || [];
        const taskIds = this.tasks.map((t) => t.id);
        this.nextId = taskIds.length ? Math.max(...taskIds) + 1 : 1;
      }
      // ...
    }
    
    function createTaskStore() {
      const saveTasks = () => localStorage.setItem("todoapp", JSON.stringify(taskStore.tasks));
      const initialTasks = JSON.parse(localStorage.getItem("todoapp") || "[]");
      const taskStore = reactive(new TaskList(initialTasks), saveTasks);
      saveTasks();
      return taskStore;
    }

    关键的一点是,响应函数接受一个回调,每次观察到的值发生变化时都会调用这个回调。注意,我们最初需要调用saveTasks方法,以确保观察到所有当前值。

    本文章从网上收集,如有侵权请联系tderp@tderp.com删除
  • 微信扫一扫,一分也是爱:
  • 微信

服务原则及地区范围

宜兴通达网络科技有限公司,地处中国宜兴环科园内,是一家高新技术企业。公司在企业网络维护和企业信息化建设与咨询方面,有10多年经验。

我公司愿与客户一道,力求彻底解决客户问题!
我们不是在给企业提供“头痛医头、脚痛医脚”的暂时解决方案,而是在部署根本性安全与稳定服务!!
我们愿携手客户,建立企业IT规划;杜绝随意安装系统、软件等操作;力求共同维护有序、安全、稳定的网络办公环境!!!
IT服务,服务是根本,客户是上帝;我们提供快速响应、快速上门、快速排查,提供优质高效的服务!!!!

通达科技提供全国范围内的服务,服务形式包括远程协助、电话咨询、电子邮件咨询、传真咨询、问答平台的问题解决等。

宜兴地区提供上门服务:

  • 市区服务:宜城街道、城北街道(屺亭街道)、新街街道、新庄街道、环科园、渚桥开发区
  • 市郊服务:张渚镇、西渚镇、太华镇、徐舍镇、官林镇、杨巷镇、新建镇、和桥镇、高塍镇、万石镇、周铁镇、芳桥镇、丁蜀镇、湖父镇。
  • 联系电话:189-21-343434
  • 在线沟通: