浏览器的本地存储数据及调用和其它

集家嘴的壳玛🐸

技术分享|2023-9-22|最后更新: 2025-5-10|
type
status
date
slug
summary
tags
category
icon
password
Property
May 10, 2025 04:57 PM
今天是周五,赶在下班前又优化了一下代码,因为@notionhq/client和vue3-notion两个库都存在需要魔法的问题,这个礼拜就一直在使用cloudflare worker进行代理,终于搞明白了如何代理。但是cloudflare worker free版的请求次数有限制,所以尽量一次请求结果给多个组件共用。
在Vue 3中,你可以使用localStorage或sessionStorage来实现本地缓存数组的操作。
  1. 将数组转换为字符串并存储到本地缓存中:
    1. 从本地缓存中获取存储的数组并将其转换回原始数组:
      1. 更新数组并重新存储到本地缓存中:
        这样,你就可以在Vue 3中使用本地缓存来存储和管理数组数据了。请注意,localStorage和sessionStorage的数据是以字符串的形式存储的,所以在存储和获取时需要进行相应的转换。
        筛选数据
        filter是JavaScript中的一个数组方法,用于筛选出符合条件的数组元素并返回一个新数组。filter方法接受一个回调函数作为参数,该回调函数将对数组中的每个元素进行调用,并返回一个布尔值,表示该元素是否应该包含在新数组中。
        以下是一个示例,演示如何使用filter方法筛选出数组中的偶数:
        在这个示例中,我们首先定义了一个包含一些数字的数组numbers。然后,我们使用filter方法来筛选出其中的偶数。在回调函数中,我们使用模运算符来判断每个数字是否为偶数,并返回一个布尔值。最后,我们将筛选出的偶数存储在evenNumbers变量中,并将其输出到控制台。
        希望这可以帮助你理解如何使用filter方法来筛选数组!
        本地缓存 + 获取判断
        思路:在组件内部,判断是否已有本地缓存数组。是,拿来就用;否,发起一次请求,并且缓存起来。
        缺点:冗余!冗余!
        作者:Stefanieiii链接:https://juejin.cn/post/6987220741313789989来源:稀土掘金著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
        定义一个包含变量的字符串常量
        如果你想在JavaScript中定义一个包含变量的字符串常量,可以使用模板字符串。模板字符串是一种支持插值表达式的字符串字面量,可以让你在字符串中嵌入变量和表达式。
        以下是一个示例,演示如何使用模板字符串定义一个包含变量的常量:
        在这个示例中,我们首先定义了一个常量name,它包含一个字符串值。然后,我们使用模板字符串定义了一个常量message,其中包含了一个插值表达式${name}。这个表达式将会被替换为变量name的值,从而得到最终的字符串值。最后,我们将这个字符串输出到控制台。
        需要注意的是,在模板字符串中使用${}语法时,括号内部可以是任意JavaScript表达式,而不仅仅是变量名。这使得模板字符串非常灵活,可以用于构建各种动态字符串。
         
        Loading...