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来实现本地缓存数组的操作。
- 将数组转换为字符串并存储到本地缓存中：
- 从本地缓存中获取存储的数组并将其转换回原始数组：
- 更新数组并重新存储到本地缓存中：
这样，你就可以在Vue 3中使用本地缓存来存储和管理数组数据了。请注意，localStorage和sessionStorage的数据是以字符串的形式存储的，所以在存储和获取时需要进行相应的转换。
筛选数据
filter是JavaScript中的一个数组方法，用于筛选出符合条件的数组元素并返回一个新数组。filter方法接受一个回调函数作为参数，该回调函数将对数组中的每个元素进行调用，并返回一个布尔值，表示该元素是否应该包含在新数组中。
以下是一个示例，演示如何使用filter方法筛选出数组中的偶数：
在这个示例中，我们首先定义了一个包含一些数字的数组numbers。然后，我们使用filter方法来筛选出其中的偶数。在回调函数中，我们使用模运算符来判断每个数字是否为偶数，并返回一个布尔值。最后，我们将筛选出的偶数存储在evenNumbers变量中，并将其输出到控制台。
希望这可以帮助你理解如何使用filter方法来筛选数组！
本地缓存 + 获取判断
思路：在组件内部，判断是否已有本地缓存数组。是，拿来就用；否，发起一次请求，并且缓存起来。
缺点：冗余！冗余！
作者：Stefanieiii链接：https://juejin.cn/post/6987220741313789989来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
定义一个包含变量的字符串常量
如果你想在JavaScript中定义一个包含变量的字符串常量，可以使用模板字符串。模板字符串是一种支持插值表达式的字符串字面量，可以让你在字符串中嵌入变量和表达式。
以下是一个示例，演示如何使用模板字符串定义一个包含变量的常量：
在这个示例中，我们首先定义了一个常量name，它包含一个字符串值。然后，我们使用模板字符串定义了一个常量message，其中包含了一个插值表达式${name}。这个表达式将会被替换为变量name的值，从而得到最终的字符串值。最后，我们将这个字符串输出到控制台。
需要注意的是，在模板字符串中使用${}语法时，括号内部可以是任意JavaScript表达式，而不仅仅是变量名。这使得模板字符串非常灵活，可以用于构建各种动态字符串。