guoqkmiss的博客

Zustand 以其“极简却不失灵活”的特性，成为了许多开发者在 React 项目中管理状态的首选。它的用法和原理都相当直观，并且拥有良好的性能表现。对于想快速开发、并希望在未来随时可扩展的项目而言，Zustand 不失为一种优秀的选择。

Next.js 在内部通过一个名为 x-middleware-subrequest 的请求头，来防止自身中间件的递归调用或无限循环。但研究者发现，攻击者可以在外部请求中人为加上此请求头，并使用特定格式，使Next.js 中间件以为这是一个“子请求”，从而跳过原本应执行的认证或安全检查。Next.js 早在 2016 年就开始发布安全通告；随着使用者增多，官方也不断完善漏洞收集、补丁发布及社区通知流程。关键安全逻辑不要只依赖前置中间件，需多层校验；更要及时跟进框架升级和安全通报，避免类似漏洞造成严重影响。

vscode/extensions.json 文件。.vscode/settings.json 文件。.prettierrc.json 文件。.prettierignore 文件。.prettierrc.js 文件。我们是 React，选择第一个。把默认生成的替换为以下内容。选择第一个 ESM 规范。根据项目自己添加过滤文件。项目中建议使用 TS。我这边选择的是 JS。

使用 CRXJS 结合 Vite 插件结合 React 开发 Chrome 浏览器插件到这就基本结束了使用 CRXJS 不需要自己在手动配置 vite.config.ts 文件了，方便了不少如果想自己配置的话可以看【两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件】

使用原生 Canvas 画网格，可拖动、放大缩小、并带有坐标系辅助线