不敢改变是我在焦虑什么

主站展示位

一种适用于 Zustand 和 React Query 的前端数据管理方式

在上面这篇文章中提到当 React Query 托管的数据过于复杂或者冗余的话，后续在前端做数据的乐观更新会变得非常复杂并且不可控。 [!NOTE] 乐观更新指，前端在进行数据操作时，通过 API 方式向服务器提交数据，之后数据在 UI 上的更新由前端提供，不需要等待服务器的响应。这样的方式对用户来

查看原文

一种在 Electron 和 Web 环境下显示原生及自定义菜单的通用方法

本文介绍一种可以在 Electron 应用中显示原生菜单，并且在非 Electron 环境（Web）下也可以显示自定义的上下文菜单的方法。通过封装一个通用组件和调用方法，在两套环境中交互统一。 调出原生菜单 在 Electron 中，默认情况下右键并不会弹出类似 Chrome 中的上下文菜单。很

查看原文

探讨 React Server Component 与 React Client Component 的环境隔离与实践

前言 我们知道，在 React Server Component 环境下，渲染的运行时永远都是在 server 的，而在 RCC 中，两者环境都可能存在。为了控制一个库的引用方只能处于某种环境中，而在另一个环境中报错，我们可以使用 client-only 或者 server-only 库。 Ne

1 2024-12-06 19:17 查看原文

自渡

最近失业了。 因为突然的打击导致抑郁症复发了。 记得初三的时候也经历过一次，那个时候因为非个人意愿被换了一个班，在压力最大的一学期换到了一个完全陌生的环境，压力和绝望，我记得那段时间我每天都哭，好几次有过自杀的念头，脑中无数次开始回顾种种过往，虽然那个时候没有去医院看，也不知道抑郁症是什么，在家

查看原文

不敢改变是我在焦虑什么

事业 当下的大环境确实不容乐观，就业形势严峻，不稳定的局面让未来变得非常不确定。这种情况下，我发现自己在面对需要长期投入的事情时，常常感到焦虑和担忧，害怕计划被破坏后不知道该怎么办，最终不敢去改变现状。实际上，这种不敢改变的心理反映了我内心深处对未来的恐惧以及对自己能力的怀疑。 未来的不确定性让

查看原文

为什么是 RSC (二）

渐进式渲染 [!IMPORTANT] 渐进式渲染，或者称作流式渲染。这不是一个只能在 RSC 中可以享受到的特征，这种渲染模式和 Suspense、 renderToPipeableStream 或 renderToReadableStream 有关。 但是在 Next.js 中你需要使用 App

查看原文

在 Nest.js 中使用 Auth.js

Auth.js 是一个可以非常方便接入 OAuth 的一个身份验证库。他起初是为 Next.js 而设计。如今官方以为其供一些常用框架的集成，但是不幸的是，并没有 Nest.js 的官方支持。 这篇文章将从零开始构造一个适用于 Nest.js 的 AuthModule。那我们开始吧。 准备 我

查看原文

从 hexo 转移到 Typecho

最近想从hexo转移到typecho，但是typecho是没有一键导入md文章，手动导入又很烦，怎么办呢。于是我就想用 Python 来写一个自动解析md导入typecho的脚本。 于是就开始编码了，首先是用正则表达式提取，hexo的md头部是YAML格式的，只要解析 title date t

查看原文

使用iPic快捷使用微博图床

图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 参见: {% post_link 使用sm-ms图床-为GP节省空间 图床是什么 %} iPic是什么 有了图床神器

查看原文

使用图床,为GP节省空间

图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 使用图床 sm.ms是一个比较好的免费图床. 这里我以上传到 / 这个图床做为说明，它的

查看原文

项目

致虚极，守静笃。

查看原文

一言

致虚极，守静笃。

查看原文

Vue-router 中的 $router 和 $route

$router push() 跳转到一个路由，并压入历史堆栈 $route params 取子路由的参数 区别 $route为当前router跳转对象里面可以获取name、path、query、params等 $router为VueRouter实例，想要导航到不同URL，则

查看原文

Typecho 主题开启 Pjax 后评论出现的问题解决方案

问题复现 在开启 Pjax 后，一般会重载一个主容器，而不会重载 Head 标签，问题是 Typecho 的评论脚本在 Head 里，如下图。 注意，红色框标注，可以看出这段脚本是根据当前页的 cid 来判断评论框所在位置。 这里补充一下，在回复评论的时候 Typecho 的评

1 2024-04-24 01:25 查看原文

Vue 多级菜单的实现

最近开发后台，因为不想使用 ElementUI 和其他现成的 UI 框架，于是决定自己做。 碰到的第一个难题就是多级菜单。 因为之前没做过，第一次做起来还是有点难的，最后实现的效果是这样。注意看地址栏。 难题一 CSS 的实现 多级菜单的收缩，展开都是使用 CSS 控制，所以要配合 Vue

查看原文

最近写的小玩意

转眼就六月了，上次水文的时候还在三月的时候，因为遇到了很多事情（可以在生活记录中观察）。 这段时间还是有开源产出的。 imx-bot 一个自用 QQ 机器人，接入 Mix Space 实时通知站点动态，接入 GitHub Webhook 实时通知 GitHub Repo 更新，再比如 CI

1 2024-12-17 15:07 查看原文

聊聊科技界发生的大事 WWDC

最近科技界发生的大事莫非就是上周的 WWDC 了，很抱歉因为很多事情直到现在才来总结和谈谈看法。今年的 WWDC 也不同于往年，而是在线直播。虽然说是直播，但是当我等到晚上 1 点的时候才知道原来是录播，还是有点小失望的。虽然是录播不得不说剪辑是非常完美的，任何过场都是无缝衔接。伴随着过场甚至带着我

查看原文

一次构建多处部署Next.js Runtime Env

我们一般通过控制 env 的方式去做到 "Build once, deploy many" 哲学。但是在 Next.js 中，环境变量分为两种，一个种是可被用于 Client 侧的 NEXT_PUBLIC_ 开头的环境变量，另一个种是只能被用于 Server 侧的环境变量。前者会在 Next.js

查看原文

利好 SharedWorker 实现跨页面单例 WebSocket

在之前的文章中，我详细的介绍了站点的实时人数是如何实现的？，在方案中，我留下了一个悬念，如何使用 SharedWorker 在页面之间共享 Socket 实例，实现跨页面单例 WebSocket。 动机 探索这个问题的背景是无意间在知乎看到了 WebSocket 的一个问题，其中有回答提到 We

查看原文

写在二十四岁的开始

转眼间，已经走到了人生的第二个生肖年。 回顾过去的这段人生，我竟发现没有什么值得被记录的。 过去的二十四年，我一直都活在走不出的阴影里。从小我就是一个非常自卑的人，害怕与人交流让我过去一直走不出孤独，少有的友谊，不懂得如何维系一段人际关系，常常患得患失，越来越害怕开始一段新的经历。我的人生路程总

查看原文