获得徽章 0
- SWR是一个用于React应用程序的数据获取库，它通过缓存和重新验证机制来优化数据获取，减少网络请求等待时间，同时可以自动更新UI。使用SWR很简单，只需传递一个API函数即可，还提供了许多其他功能，例如重新验证机制、手动重新验证、自定义缓存键、支持SSR等。
import useSWR from 'swr';
function MyComponent() {
const { data, error } = useSWR('/api/data', fetch);
if (error) return <div>Error loading data</div>;
if (!data) return <div>Loading...</div>;
return (
<div>
<h1>{data.title}</h1>
<p>{data.description}</p>
</div>
);
}展开赞过
评论2 - deno 是以类似于 node 的 JavaScript 运行时，它提供了默认的 TypeScript 支持，通过 URL 导入第三方库，默认的 fmt、bundle 等评论点赞
- Node20 changelog
- Permission Model
- Custom ESM loader hooks run on dedicated thread
- Synchronous import.meta.resolve()
- Stable Test Runner展开评论点赞 - TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，提供了类型注解、接口、枚举、泛型等概念，强调类型安全性和代码可维护性，可编译成 JavaScript，被广泛应用于大型 Web 应用程序的开发。赞过 评论1
- 在JavaScript中，变量存在“暂时性死区”（Temporal Dead Zone，简称TDZ），即在声明前使用会抛出引用错误，因为变量此时还未初始化，JavaScript引擎认为它还没有被定义。暂时性死区的存在可以避免变量提升带来的问题，更好地发现代码错误。因此，编写JavaScript代码时应该遵循先声明后使用的原则，避免出现暂时性死区问题。
let const 会造成TDZ
var 不会造成 TDZ展开评论点赞 - 闭包是JavaScript中的一个重要特性，指的是函数可以访问定义时所在的作用域中的变量，即使在函数被调用之后，该作用域仍然存在。它可以让函数具有记忆功能，记录函数上一次执行时的状态。但同时也需要注意内存泄漏问题，及时释放不再需要的变量。评论点赞
- Grid 布局的设置步骤：
1. 在容器上设置 display: grid。
2. 定义网格的列和行，可使用 grid-template-columns 和 grid-template-rows 属性。
3. 定义网格区域，可使用 grid-template-areas 属性。
4. 定义子元素所占据的网格行列位置，可使用 grid-column-start、grid-column-end、grid-row-start 和 grid-row-end 属性。
5. 指定子元素的起始和结束位置，可使用 grid-column 和 grid-row 属性。
6. 指定网格之间的间隔，可使用 grid-gap、grid-row-gap 和 grid-column-gap 属性。
7. 对齐和排列子元素，可使用 align-items、justify-items、align-content 和 justify-content 属性。展开评论点赞 - React 中数据不可变的力量 immutation, 优点：
1. 便于调试，当要打印 state 值的时候可以避免值被修改
2. 便于优化，如 memo
3. react 的新功能快照状态
4. 简单的处理复杂数据，不同关心响应式，只用创建一个新的对象展开赞过 评论1 - flex 是一个CSS的布局方式，与 grid 布局的二维布局不同的，flex 是一维布局，分为主轴和交叉轴，flex 容器中的 items 默认在主轴上排序。赞过 评论1
- Spring Boot 的分层结构
1 表示层 controler 做路由分发
2 业务逻辑层 services 数据操作相关
3 数据访问层 dao 通常与数据库中的表对应，MyBatis的方式评论点赞