github.com
获得徽章 18
- css grid 我目前最常使用的方式，就是一行 n 个卡片的效果。直接给 grid container 添加如下属性就好：
display: grid;
gap: 12px;
grid-template-columns: repeat(n, 1fr);
n 需要替换成实际的数字，表示一行 n 个。展开等人赞过
26 - 通过 document.cookie = "key=value" 的方式设置的 cookie，默认的过期时间时 session，这里的 session 表示浏览器关闭。就是这条 cookie 在浏览器关闭前都是有效的，只有当浏览器关闭后再次打开这个页面就不会看到这条 cookie 了。
"If neither expires nor max-age is specified, it will expire at the end of session."
-- from MDN展开等人赞过 26 - 刚开始看 Tanstack Query(react-query)，没有理解 isPending 和 isFetching 的区别。下面这篇文章讲的很好，虽然是以 v4 的文档讲解的，但是很清晰，而且有示例。
www.codemzy.com
其实 isPending 表示的就是第一次请求后端接口数据的时候还没有拿到数据的状态，但是 isFetching 表示的是首次拿到后端数据之后，你后续和后端同步数据时，发出请求到返回数据之间的这个状态。例如你请求到了 todos 列表，但是你添加了一条 todo 给后端，这个时候你肯定要再次请求后端的 todos 列表，这个时候 isPending 是 false，但是 isFetching 是 true。这个时候的交互不是完全让整个 todos 的列表都处于 loading 的状态，而是在 todos 列表旁边显示一个小小的 loading 状态，表示你提交了新的 todo ，正在获取后端新的 todos 列表。
看文章中的例子最好理解了。展开赞过 53 - 开始用 styled-components 了，但是感觉只是把 css 命名的问题暴露到 element 上了，现在写一个组件要想着给各种 div 和 span 命名，也很痛苦，大家都怎么解决这个问题的？赞过 122
